На сайте есть CSS меню, многоуровневое, выпадающее, в IE 7, Opera 9.6, Firefox 3 отображается идеально, а в IE 6.0 пустое место вместо меню, может подскажите в чём дело?
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block;
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
aNt1
На сайте есть CSS меню, многоуровневое, выпадающее, в IE 7, Opera 9.6, Firefox 3 отображается идеально, а в IE 6.0 пустое место вместо меню, может подскажите в чём дело?
body{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
margin-left:20px;
text-align:center;
z-index:5;
}
#nav a{
display:block;
width:111px;
height:67px;
padding:0px 5px;
border-bottom:1px solid #333;
border-right:1px solid #333;
color:#333;
text-decoration:none;
background-color:#b2afab;
text-align:center;
vertical-align:baseline;
background-image:url(/imgA/mn.gif);
background-repeat:no-repeat;
background-position:50% 40%;
text-transform:uppercase;
line-height:100px;
z-index:1;
}
#nav a:hover{
background-color:#333;
color:#fff;
}
#nav li{
float:left;
position:relative;
}
#nav ul {
font-size:11px;
left:-20px;
position:absolute;
display:none;
width:140px;
top:68px;
z-index:4;
}
#nav li ul a{
width:140px;
height:auto;
float:left;
border-bottom:1px solid #666;
border-right:1px solid #666;
text-align:left;
background-image:url(/down.gif);
text-transform:none;
line-height:normal;
padding: 0px 5px 10px;
}
#nav ul ul{
top:auto;
}
#nav li ul ul {
left:131px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.