Tricks und Kniffe

ID #1056

Kann man ein Bild nur dann erscheinen lassen, wenn man CSS aktiviert hat?

Das geht. Man bindet das Bild nicht in das (X)HTML Markup ein, sondern als Hintergrundbild eines Elements, z.B. eines divs.

Beispiel für ein Bild von 300px Breite und 150px Höhe innerhalb eines divs mit der id="beispiel"

HTML:

 


CSS:

#bsp {
width:300px;
height:150px;
padding:0;
margin:0;
background:url(/bilder/bild.jpg) no-repeat top left;
}

Der non-breaking space ( ) dient dazu, dass das div nicht leer ist. Wenn es ohnehin Inhalt umfasst, muss dieer Trick natürlich nicht angewandt werden.

Wenn ein Browser nicht CSS-fähig ist, erscheint das Bild nicht, weil es ja nur im Stylesheet eingebunden ist.

Tags: -

Verwandte Artikel:

Letzte Änderung des Artikels: 2005-04-28 23:35
Autor: Andreas Kalt
Revision: 1.0

Digg it! Share on Facebook Artikel ausdrucken Artikel weiterempfehlen Als PDF-Datei anzeigen
Übersetzungsvorschlag für Übersetzungsvorschlag für
Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 5 (2 Abstimmungen)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Kommentieren nicht möglich

Kommentar von kektk:
Muss denn nicht hinter \'#\' und id=\" der selbe Name stehen?
Hier sind ja jetzt \'bsp\' und \'beispiel\' unterschiedlich.
Added at: 2038-01-19 04:14

Kommentar von fEdEr:
ketkt, du hast völlig recht... aber wissen doch alle was gemeint ist ;-)
Added at: 2038-01-19 04:14