Mam tzw. Sliding Jquery Menu już sobie go trochę pozmieniałem ale teraz gdy menu się wysuwa, to tło (wysuniętego menu) , jest pod pod contentem strony (tekstem lub obrazkami) a linki są normalnie nad.
Co zrobić aby tło zasłaniało stronę ?
css
ul, li {
margin:0;
padding:0;
list-style:none;
}
.the_menu {
display:none;
width:300px;
border: 1px solid #1c1c1c;
}
.the_menu li {
background-color: #302f2f;
}
.the_menu li a {
color:#FFFFFF;
text-decoration:none;
padding:10px;
display:block;
}
.the_menu li a:hover {
padding:10px;
font-weight:bold;
color: #F00880;
}
#button {
background:url(img/button.gif);
width:324px;
height:12px;
background-repeat:no-repeat;
float:left;
}
ptasior w przykładzie który podałeś złe wyświetlanie pod IE wcale nie jest spowodowane z-index wywal go to efekt końcowy będzie dalej taki sam - następnie z div.down wywal float:left i zobacz na efekt . Później w div.up top:0 zamień na top:-300px; i jaki jest efekt Jedyna wada to dłuższy pasek przewijania co jest normalne przy position: relative; (element dalej zajmuje swoje miejsce) można zastosować position:absolute ale wtedy trzeba ustawiać lleft: (przy top:0 ). Niewątpliwie jest to jakaś wada (Twój przykład) na IE ale czy takie pozycjonowanie jest opłacalne.