Mam coś takiego
style
body
{
margin: 0px;
background-image: url('../images/tlo.jpg');
background-size: 105% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}
#bg1
{
position: fixed;
background-color: #001f2d;
filter:alpha(opacity=50); /* przeźroczystość dla ie */
opacity: 0.5; /* przeźroczystość dla opera */
-moz-opacity:0.5; /* przeźroczystość dla mozilla */
width: 1500px;
height: 3040px;
left: 50%;
margin-left: -750px;
}
#bg2
{
background-color: #262626;
width: 1400px;
height: 3000px;
margin: 20px auto;
}
#title
{
background-image: url('../images/2.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
border-color: #000000;
border-style: solid;
border-width: 5px;
width: 1390px;
height: 459px;
}
<body>
<div id="bg1"; z-index: 1> </div>
<div id="bg2"; z-index: 2> <!-- główne div, rozmiar strony -->
<div id="title">
</div>
</div>
</body>
problemem jest że ten div co ma z-index 2 powinien być na tym co ma z-index 1.
a tak nie jest, dlaczego??
i przy okazji nawet jak daje w bg1 top: 0px; to wciąż jest na równo z bg2 dlaczego?