| Autor | Zpráva | ||
|---|---|---|---|
| hiddenalign Profil * |
#1 · Zasláno: 27. 6. 2008, 17:05:28
Mám udělaný drop down menu, který využívá knihovnu Whatever:hover pro přidání hover efektu do exploreru. V exploreru 6 i 7 se zobrazí bez problémů první i druhá úroveň ... třetí se ale nezobrazí. Neví někdo co s tim?
.navigation_mask .main_navigation {
POSITION: absolute;
TOP: 20.4em;
LEFT: 27em;
overflow:visible;
}
.navigation_mask .main_navigation span {
BORDER-LEFT: 2px solid rgb(61,61,61);
PADDING-RIGHT: 10px;
}
.navigation_mask .main_navigation .li_one {
FLOAT: left;
}
.navigation_mask .main_navigation .li_one a {
COLOR: rgb(51,51,51);
}
.navigation_mask .main_navigation .li_one:hover {
BACKGROUND-COLOR: rgb(51,48,79);
}
.navigation_mask .main_navigation .li_one:hover a {
COLOR: rgb(255,255,255);
}
.navigation_mask .main_navigation .li_one a {
FLOAT: left;
FONT-SIZE: 1.2em;
TEXT-DECORATION: none;
COLOR: rgb(51,51,51);
PADDING-BOTTOM: 0.85em;
PADDING-TOP: 0.9em;
PADDING-LEFT: 1em;
PADDING-RIGHT: 1em;
}
.navigation_mask .main_navigation .li_one a:hover {
TEXT-DECORATION: unerline;
}
.navigation_mask .main_navigation .li_one .ul_two {
DISPLAY: none;
}
.navigation_mask .main_navigation .li_one:hover .ul_two {
DISPLAY: block;
WIDTH: 200px;
OVERFLOW: visible;
BACKGROUND-COLOR: rgb(239,250,255);
POSITION: absolute;
LEFT: 0em;
TOP: 3.6em;
OPACITY: 0.94;
FILTER:alpha(opacity=94);
}
.navigation_mask .main_navigation .li_one:hover .ul_two .li_two {
WIDTH: 100%;
OVERFLOW: visible;
FLOAT: left;
CLEAR: both;
BORDER-BOTTOM: 1px solid rgb(217,239,250);position:relative;
}
.navigation_mask .main_navigation .li_one:hover .ul_two .li_two a {
COLOR: rgb(51,51,51);
}
.navigation_mask .main_navigation .li_one:hover .ul_two .li_two:hover {
BACKGROUND-COLOR: rgb(51,48,79);
COLOR: rgb(255,255,255);
BORDER-BOTTOM: 1px solid rgb(51,48,79);
}
.navigation_mask .main_navigation .li_one:hover .ul_two .li_two:hover a {
COLOR: rgb(255,255,255);
}
.navigation_mask .main_navigation .li_one:hover .ul_two .li_two a {
MARGIN: 0px;
PADDING: 0px;
FONT-SIZE: 1.1em;
PADDING: 8px;
FLOAT: left;
WIDTH: 184px;
}
.navigation_mask .main_navigation .li_one .ul_two .li_two .ul_three {
DISPLAY: none;
VISIBILITY: hidden;
}
.navigation_mask .main_navigation .li_one .ul_two .li_two:hover .ul_three {
VISIBILITY: visible;
DISPLAY: block;
POSITION: absolute;
LEFT: 200px;
TOP: 0px;width: 200px;overflow:auto;
}
.navigation_mask .main_navigation .li_one .ul_two .li_two:hover .ul_three .li_three {
WIDTH: 100%;
OVERFLOW: auto;
FLOAT: left;
CLEAR: both;
BORDER-BOTTOM: 1px solid rgb(217,239,250);
}
.navigation_mask .main_navigation .li_one .ul_two .li_two:hover .ul_three .li_three a {
COLOR: rgb(51,51,51);
}
.navigation_mask .main_navigation .li_one .ul_two .li_two:hover .ul_three .li_three:hover{
BACKGROUND-COLOR: rgb(51,48,79);
COLOR: rgb(255,255,255);
BORDER-BOTTOM: 1px solid rgb(51,48,79);
}
.navigation_mask .main_navigation .li_one .ul_two .li_two:hover .ul_three .li_three:hover a {
COLOR: rgb(255,255,255);
}<ul class="main_navigation"> <li class="li_one"><a href="uec_index.aspx?docid=1014">Západní město</a> <ul class="ul_two"> <li class="li_two"><a href="uec_index.aspx?docid=1014"><span> </span>Západní město</a> <ul class="ul_three"> <li class="li_three"><a href="uec_index.aspx?docid=2036"><span> </span>Lokalita</a></li> </ul> </li> <li class="li_two"><a href="uec_index.aspx?docid=1014"><span> </span>Lorem ipsum</a></li> <li class="li_two"><a href="uec_index.aspx?docid=1014"><span> </span>Pokusná položka</a></li> </ul> </li> <li class="li_one"><a href="uec_index.aspx?docid=2036">Lokalita</a></li> </ul> |
||
|
Časová prodleva: 18 let
|
|||
0