baggrundsbilleder oven på baggrundsbillede

Tags:    html css

Hvis jeg har et div med et baggrundsbillede, og så lægger et andet div inden i det, også med et (andet) baggrundsbillede, burde man så ikke se det sidste oven på det første?

Jeg har forsøgt, men kan kun få det første frem.



7 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Jeg kan ikke se problemet ud fra den kode. Upload siden og giv et link. Mit bedste gæt er at billedet ikke findes.



måske skal du bruge z-order ...

z-index: 1; <--- den nederste
z-index: 2; <--- den øverste


>>>Swiatecki<<<



Du er nødt til at vise en eksempelside frem.



Du er nødt til at vise en eksempelside frem.

Nicolai

Herunder først css-filen og så html filen
#leftcol ligger inden i #main
Baggrundsbilledet i #main vises fint, men baggrundsbilledet i #leftcol vises ikke

body, html {
height: 100%;
margin:0 auto;
padding: 0;
position: relative;
background-color:#000000;
}
#main {
background-image: url(bagg.gif);
background-repeat: repeat-y;
position:relative;
width:790px;
height:100%;
background-color:#E5E5E4;
margin:0 auto;
border-left: 1px solid black;
}
#leftcol {
background-image: url(aaoo.gif);
position:absolute;
left: 400px;
top:50px;
width:400px;
height:300px;
background-repeat: repeat-y;
}



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>[Ingen titel]</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link rel="stylesheet" href="c.css" type="text/css" />
</head>
<body>


<div id="main">
l

<div id="leftcol">
tekst
</div>

<div>

</body>
</html>



billedet findes




billedet findes

Nicolai

Og den her ses udmærket:

#main {
background-image: url(bagg.gif);
background-repeat: repeat-y;
position:relative;
width:790px;
height:100%;
background-color:#E5E5E4;
margin:0 auto;
border-left: 1px solid black;
}



billedet findes

Nicolai

Og den her ses udmærket:

#main {
background-image: url(bagg.gif);
background-repeat: repeat-y;
position:relative;
width:790px;
height:100%;
background-color:#E5E5E4;
margin:0 auto;
border-left: 1px solid black;
}


Ja, ja, alt det er meget fint, men jeg kan ikke bruge det til noget. Kun et link til en online side dur. Jeg kan jo ikke finde ud af hvad der er galt, hvis jeg ikke kan se det.



t