Ich habe mal ein paar Tests im FF gemacht.
CSS-Hintergrundbilder mit media-queries scheinen kein Problem zu sein.
PHP-Code:
body {
background-image: url(../../files/testfile.jpg);
}
@media(min-width: 560px) {
body {
background-image: none;
}
}
Aufm Desktop sehe ich das Bild nicht und es ist auch nicht geladen. Wenn ich den Viewport jetzt auf 560px zusammenschiebe kann man in den Dev-Tools sehen, wie das Bild dann erst nachgeladen wird.
Auch das hier funktioniert
PHP-Code:
#main {
display: none;
}
#main .inside {
background-image: url(../../files/testfile.jpg);
}
Das Bild wird nicht geladen, weil das Elternelement auf display:none steht. Direkt mit dem Hintergrund auf #main dann natürlich auch.
Das hier funktioniert nicht, das Bild wird trotzdem geladen.
HTML-Code:
<img src="files/testfile.jpg" alt="" style="display:none;">
Lesezeichen