hallo,
ich bin ein ziemlicher Neuling in html/css aber habe endlich ein Bild in der HTML Datei erstellt, das sich automatisch prozentual an die Browsergröße anpasst. Nun habe ich das Problem, dass der restliche Inhalt vom Bild verdeckt wird. =/
Der Code für das Bild sieht so aus:
<body>
<div id="background">
<img src="images/hintergrund.jpg" width="100%" height="100%"/>
</div>
und im CSS habe ich für das Bild folgendes:
#background { position:relative; }
z-index scheint mir bei dieser Angelegenheit nichts zu nützen, auch mit position:relative in den anderen Containern nicht. Aber es muss doch irgendwie möglich sein, das mit css zu bewerkstelligen.
Jetzt bin ich langsam etwas verzweifelt, weil ich einfach keine Lösung dafür finden kann und nicht verstehe, wieso das nicht klappt. Bin für jede Hilfe sehr dankbar,
lg
leo
ich bin ein ziemlicher Neuling in html/css aber habe endlich ein Bild in der HTML Datei erstellt, das sich automatisch prozentual an die Browsergröße anpasst. Nun habe ich das Problem, dass der restliche Inhalt vom Bild verdeckt wird. =/
Der Code für das Bild sieht so aus:
<body>
<div id="background">
<img src="images/hintergrund.jpg" width="100%" height="100%"/>
</div>
und im CSS habe ich für das Bild folgendes:
#background { position:relative; }
z-index scheint mir bei dieser Angelegenheit nichts zu nützen, auch mit position:relative in den anderen Containern nicht. Aber es muss doch irgendwie möglich sein, das mit css zu bewerkstelligen.
Jetzt bin ich langsam etwas verzweifelt, weil ich einfach keine Lösung dafür finden kann und nicht verstehe, wieso das nicht klappt. Bin für jede Hilfe sehr dankbar,
lg
leo