Obrázek v CSS
Dobré ráno,
po dlouhé době jsem pořád nenašel způsob, jak vyřešit tento problém.
V HTML mám: <div id="prvek"><img src="leaves1.png" alt="" /></div> a v CSS mám:
#prvek {
position:fixed;
top:-5px;
left:-5px;
z-index:2;
}
Tohle je v pohodě, funguje na 100%, akorát bych potřeboval přesunout <img src="leaves1.png" alt="" /> do CSS kódu, uvažoval jsem něco jako background: url(leaves.png), ale to nešlo, background-image taky nešel...prostě potřebuji, abych měl v HTML jen <div id="prvek"></div> a ten obrázek, co byl předtím mezi divy, ten má být v CSS.
Nějaké nápady?
Nojo, akorát jsem došel teda k tomuto závěru:
HTML:
<div id="pozadi1"> </div>
<div id="pozadi2"> </div>
CSS:
#pozadi1 {
background: url(image1.png);
position:fixed;
height:120px;
wid th:412px;
top:-5px;
left:-5px;
z-index:5;
}
#z-inde x2 {
background: url(image2.png);
position:fixed;
height:120px;
wid ht:412px;
top:-5px;
right:-5px;
z-index:5;
}
Teď se mě ale jen zobrazuje obrázek první v levém horním rohu, pravý nic, možná to bude něco s tím HTML, nějak to jěště odsadit, třeba jěště jedním divem, aby to nebylo na stejné úrovni, ale nevím.
EDIT: U druhého ID má být pozadi2.
Tak vyřešeno, byl to jen překlep ve width ^^;, děkuju moc.