+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw (/thread-problem-z-wy%C5%9Bwietlaniem-dynamicznego-menu-nieprawidlowa-kolejno%C5%9Bc-warstw)
Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw - Koleś - 20-07-2009
Witajcie. Programuję serwis randkowy, mam problem z CSS-em, już 3. raz podchodzę do tego i nie wiem jak rozwiązać. Jest lista ze znajomymi, po kliknięciu w przycisk pojawia się menu, tylko, że chowa się pod spód na każdej przeglądarce, nie wiem czemu.
Kod:
.friend
{
position:relative;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
/*float:left;*/
z-index:2;
width:135px;
height:200px;
margin-left:5px;
background:url(../images/friendBg.png) center no-repeat;
}
.friendMenu
{
display:none;
position:absolute;
overflow:hidden;
z-index:3;
bottom:-60px;
left:12px;
width:142px;
height:57px;
padding:10px;
background:url(../images/friendMenuBg.png) center no-repeat;
font-size:11px;
font-weight:bold;
color:#8a8a8a;
text-decoration:underline;
}http://koles.czest.pl/rozne/znajomiMenu1.jpg
http://koles.czest.pl/rozne/znajomiMenu2.jpg
Zwróćcie uwagę, że ustawiłem z-index tak, jak należy, natomiast
Kod:
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;Jakiś pomysł? Z góry dzięki za pomoc.
RE: Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw - Labsta.com - 20-07-2009
Mogę jedynie podpowiedzieć teoretycznie co może być nie tak.
Jeśli inline zastępuje Ci float to to może być błąd, gdyż z-index nie działa z float.
Możliwe też że jak w .friend usniesz z-index to zacznie działać i na to bym stawiał.
Oprócz tego samo position: absolute powoduje wejście na wyższą warstwę (wyjmuje element z biegu dokumentu) - tak robię ja, bez z-index i mi to działa.
Tu masz trochę teorii w "Kontekst stosu": http://www.kurshtml.boo.pl/css/nakladanie,pozycjonowanie.html
RE: Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw - Koleś - 20-07-2009
Teraz już rozumiem o co chodzi ze stosami, usunąłem z-index i działa, ale nie pod IE. Wiesz dlaczego?
RE: Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw - Labsta.com - 20-07-2009
Cięzko stwierdzić, z tego co widzę używasz tych hacków http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ może tam jest odpowiedź.
Może opisz dokładnie co jest grane, wstaw kod, a najlepiej daj link.
Na dobrą sprawę to może być cokolwiek, ale stawiam na display: inline-block;
Spróbuj jeszcze do <head> dać to, czasem pomaga z IE:
Kod:
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->RE: Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw - Koleś - 21-07-2009
To nie pomogło, zrobiłem styl inline generowany w PHP, każdy kolejny div ze znajomym ma z-index o 1 mniejszy od poprzedniego aż do 1 i jest ok.