CSS - CSS3Sviluppo

[CSS] – Come bloccare lo sfondo su Safari e iPhone

Come bloccare lo sfondo su Safari e iPhone

 

Una delle tante problematiche con il browser Safari è bloccare lo sfondo nel body (background fixed) di una pagina HTML. Il metodo migliore sarebbe creare una div all’interno del body che blocchi lo sfondo:

CSS

#sfondo {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;    
    height: 100%;    
    background-image: url('landofworld.jpg');
    background-attachment: fixed;
    background-size: 100%;
    z-index: -1;
}

HTML

<!DOCTYPE html>
<html>
   <head>
      <title></title>
   </head>
   <body>
      <div id="sfondo"></div>
   </body>
</html>
/ 5
Grazie per aver votato!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *