Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит!
#nav{ width:717px; height:32px; line-height:32px; padding:0; margin-top:16px; margin-left:-2px; font-size:12px; text-transform:uppercase; position:relative; z-index:2; } #nav a:hover{ border:none; } #nav ul, #nav ul li { margin:0; padding:0; list-style:none; } #nav ul li{ float:left; display:block; width:130px; border-left:1px dotted #c7c790; padding-right:4px; width:138px; } #nav ul li:first-child { border:none; padding-right:4px; width:140px; } #nav ul li a{ background:#e5e974; margin-left:4px; text-align:center; } #nav ul li a:link, #nav ul li a:visited{ color:#424324; font-size:12px; font-weight:bold; text-decoration:none; padding:0 20px 0 6px;; display:block; width:auto; } #nav ul li a:hover{ color:#424324; background:#f4f79f; } #nav ul li ul li{ float:none; display:block; width:100%; border-left:none; padding:0; margin:0; border-bottom:1px dotted #c6c889;
} #nav ul li ul li:first-child{ float:none; display:block; background:#f4f79f; width:100%; border-left:none; border-bottom:1px dotted #c6c889; padding:0; margin:0; } #nav ul li ul li a:first-child{ margin-left:-4px; } #nav ul li ul li a{ background:#f4f79f; text-align:left; } #nav ul li ul li a:link, #nav ul li ul li a:visited{ color:#424324; font-size:11px; font-weight:bold; text-decoration:none; padding:0 10px; clear:both; width:auto; } #nav ul li ul li a:hover{ color:#424324; background:#fbfcd2; } .submenu { position: absolute; width: 229px; background: #f4f79f; padding:10px 0 10px 28px; border-top:1px solid #FFF; z-index: 1000; display:none; line-height:26px; }
Javascript
<script type="text/javascript"> function nav(){ $('div#nav ul li').mouseover(function() { $(this).find('ul:first').show(); }); $('div#nav ul li').mouseleave(function() { $('div#nav ul li ul').hide(); }); $('div#nav ul li ul').mouseleave(function() { $('div#nav ul li ul').hide();; }); }; $(document).ready(function() { nav(); }); </script>
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
Spamol
Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит!
Вот код меню
HTML
CSS
#nav{
width:717px;
height:32px;
line-height:32px;
padding:0;
margin-top:16px;
margin-left:-2px;
font-size:12px;
text-transform:uppercase;
position:relative;
z-index:2;
}
#nav a:hover{
border:none;
}
#nav ul,
#nav ul li
{
margin:0;
padding:0;
list-style:none;
}
#nav ul li{
float:left;
display:block;
width:130px;
border-left:1px dotted #c7c790;
padding-right:4px;
width:138px;
}
#nav ul li:first-child {
border:none;
padding-right:4px;
width:140px;
}
#nav ul li a{
background:#e5e974;
margin-left:4px;
text-align:center;
}
#nav ul li a:link,
#nav ul li a:visited{
color:#424324;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding:0 20px 0 6px;;
display:block;
width:auto;
}
#nav ul li a:hover{
color:#424324;
background:#f4f79f;
}
#nav ul li ul li{
float:none;
display:block;
width:100%;
border-left:none;
padding:0;
margin:0;
border-bottom:1px dotted #c6c889;
}
#nav ul li ul li:first-child{
float:none;
display:block;
background:#f4f79f;
width:100%;
border-left:none;
border-bottom:1px dotted #c6c889;
padding:0;
margin:0;
}
#nav ul li ul li a:first-child{
margin-left:-4px;
}
#nav ul li ul li a{
background:#f4f79f;
text-align:left;
}
#nav ul li ul li a:link,
#nav ul li ul li a:visited{
color:#424324;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding:0 10px;
clear:both;
width:auto;
}
#nav ul li ul li a:hover{
color:#424324;
background:#fbfcd2;
}
.submenu {
position: absolute;
width: 229px;
background: #f4f79f;
padding:10px 0 10px 28px;
border-top:1px solid #FFF;
z-index: 1000;
display:none;
line-height:26px;
}
Javascript
Link to comment
Share on other sites
1 answer 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.