nicht angemeldet
Hallo!
Hier ist ein Teil-Auszug aus meiner HTML-Datei:
<body style="background-color:#000000;">
<div style="width:500px; height:500px; background-image:url(foo.jpg); background-repeat: no-repeat;"> foobar </div>
</body>
Die Hintergrundfarbe des BODY ist schwarz,
und im BODY ist ein DIV, und das DIV hat ein sich NICHT wiederholendes
Hintergrundbild.
Nachdem das Hintergrundbild sich NICHT wiederholt,
scheint dort, wo das hintergrundbild aus ist
(es ist nur 40 x 40 px groß) wieder der schwarze Hintergrund
vom BODY durch.
Das DIV sollte aber einen WEIßEN Hintergrund haben.
Nun ist die Frage, ob ein Element sowohl Hintergrund-Farbe
als auch Hintergrund-Bild enthalten darf und beide GLEICHZEITIG
dargestellt werden.
Wenn ja, würde mein Lösungsansatz so aussehen:
Lösungsansatz 1)
<body style="background-color:#000000;">
<div style="width:500px; height:500px; background-image:url(foo.jpg); background-repeat: no-repeat; background-color:#FFFFFF;"> foobar </div>
</body>
---
Angenommen ein Element kann nicht gleichzeitig Hintergrundfarbe
und Hintergrundbild enthalten (das glaube ich,
weil ich glaube es war so dass die Hintergrundfarbe nur angezeigt wird
bis das Hintergrundbild geladen ist ...?!
dann würde mein Lösungsansatz so aussehen:
<body style="background-color:#000000;">
<div style="background-color:#FFFFFF; padding:0px;">
<div style="width:500px; height:500px; background-image:url(foo.jpg); background-repeat: no-repeat; margin:0px;> foobar </div>
</div>
</body>
----
Ich habe schon alles durchgetestet und Hintergrundfabe und
Hintergrundbild in dem selben Element funktioniert im IE,
aber ich weiß noch nichts über die Korrektheit wie es "gehört".
Frage:
Welcher Lösungsansatz ist richtig und was könnt ihr mir zu meinen Ideen sagen bzw. ist keine meiner Ideen korrekt und wie geht es richtig?
Daaaanke ;o)
Aqua