Archive for the CSS Category
Segnalo, anche come promemoria personale, un interessante post dal blog di Html.it: CSS: i tutorial imperdibili.
Lo sfondo di una pagina web può essere reso "fisso"; in questo modo l’immagine resta ferma mentre scorre soltanto il contenuto. A parte la bellezza o meno dell’effetto visivo che si ottiene (del tutto soggettiva), la cosa si può rivelare utile quando si vuole usare come sfondo un’immagine di grandi dimensioni (es. 1024×768) che deve ricoprire l’intera area visibile. Se l’immagine non è fatta per essere ripetuta più volte, si ottiene un "collage" non troppo bello da vedere, quindi è utile bloccarla.
Fissare lo sfondo è molto semplice e si può fare in due modi, con HTML o con i CSS.
In HTML bisogna usare un parametro del tag <Body> che non fa parte dello standard; ciò significa che l’effetto sarà visibile solo con Internet Explorer 
. Il codice da usare è il seguente:
<body background="percorso_immagine_sfondo" bgproperties="fixed">
Da notare la parte in grassetto con il parametro bgproperties e il valore fixed che blocca lo sfondo. Si tenga presente, inoltre, che gli attributi del tag Body sono considerati deprecati; maggiori info QUI (ringrazio Marco per la precisazione).
Con i CSS, invece, si utilizza una proprietà che fa parte dello standard, quindi visibile anche da altri browser. Generalmente avremo una riga che specifica l’immagine da utilizzare come sfondo:
background: url("http://www………../immagine.jpg");
Per bloccare l’immagine basta andare a capo ed aggiungere:
background-attachment: fixed;
Questo è tutto. Da notare che l’immagine viene prima ripetuta per coprire tutta l’area visibile e poi fissata. Così se si usa una texture si può ugualmente ricoprire tutta la pagina.