| |
|
|
| | Подскажите пожалуйста! У меня есть динамическое меню на css, во всех браузерах работает но вот в IE есть проблема, подменю не прячется при уведении с него мышки
вот код
#nav,
#nav ul {
margin:5px;
padding-left:10px;
padding-bottom:0px;
padding-top:0px;
float:left;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
line-height:25px;
z-index:9999;
border:0px solid #333333;
width:100%;
}
#nav {
padding-top: 0px;
z-index:9999;
}
#nav ul {
margin-top:-4px;
margin-left:0px;
border-width:1px 0;
border:1px #dcdcdc solid;
z-index:9999;
}
#nav a, #nav .caption {
display:block;
/* width:100px;
color: #ffffff;
text-decoration:none;
text-align:left;
padding-top:4px;
padding-right:16px;
padding-left:7px;
padding-bottom:0px;
margin-left:-17px;
border:0px #cccccc solid;
height:33px;
z-index:9999;
}
#nav .caption {
cursor: default;
}
#nav li:hover .caption {
color: #ffffff;
}
#nav li {
float:left;
height:44px;
z-index:9999;
}
#nav li:hover
{
}
#nav li.sfhover {
color: #ffffff;
}
#nav li ul {
position:absolute;
top:-999em;
width:180px;
background:#fafafa;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
border-width:1px;
z-index:9999;
}
#nav li li {
align:center;
padding-top:0px;
padding-bottom:6px;
padding-left:10px;
height:24px;
width:160px;
font-size: 12px;
border-bottom:1px #CCCCCC dotted;
z-index:9999;
}
#nav li ul a {
width:180px;
text-align:left;
}
#nav li a,
#nav li:hover li a,
#nav li.sfhover li a,
#nav li:hover li:hover li a,
#nav li.sfhover li.sfhover li a,
#nav li:hover li:hover li:hover li a,
#nav li.sfhover li.sfhover li.sfhover li a {
color:#333333;
}
#nav li:hover a,
#nav li.sfhover a,
#nav li:hover li:hover a,
#nav li.sfhover li.sfhover a,
#nav li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li.sfhover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li.sfhover li.sfhover a {
color:#cc0000;
}
#nav li ul ul {
margin:-1.6em 0 0 13em;
}
#nav li:hover ul ul,
#nav li.sfhover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul ul {
top:-999em;
}
#nav li:hover ul,
#nav li.sfhover ul,
#nav li li:hover ul,
#nav li li.sfhover ul,
#nav li li li:hover ul,
#nav li li li.sfhover ul {
top:auto;
}
#nav li ul li a {
padding-left: 15px;
}
#nav li ul li {
background: 7px center;
}
|
| |
| |
|
|
| |
|
|
| |
для: Vincento
(19.04.2011 в 21:28)
| | | Этому помочь нельзя.
Псевдокласс :hover для ВСЕХ элементов (включая нужные Вам теги <LI>) в MSIE работает только начиная с 7-й версии и только при указании доктайпа.
Версии MSIE ниже 7-й поддерживают псевдоклассы ТОЛЬКО для тега <A>. | |
| |
|
|
| |
|
|
| |
для: Vincento
(19.04.2011 в 21:28)
| | | есть заглушки для таких штук.
поищите | |
| |
|
|
