salve a tutti,
Vorrei impostare come sfondo di una pagina un'immagine caricata tramite css in un div che copre interamente la pagina, ma non so se posso fare il modo che ridimensionando la finestra l'immagine si ridimensioni, diciamo in modo da avere sempre l'altezza pari al 100% della porzione visibile e la larghezza su auto con overflow:hidden.
So che si può risolvere inserendo l'immagine di sfondo dentro il div con il tag <img> opportunamente settato, ma il mio scopo è poi integrare questo css con un php che mi carica un'immagine random ad ogni caricamento della pagina, cosa che con l tag img non so fare.
ho scritto una pagina di prova, ovviamente non funzionante...
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> <title>prova sfondo</title> <style type="text/css"> body { margin:0; padding:0; overflow:hidden; } #background { position:absolute; background-image: url('image.jpg'); height: 100%; width: 100%; } </style> </head> <body> <div id="background"></div> </body> </html>
Rispondi quotando
