我有一个菜单,悬停时会显示一个带有子菜单选项的隐藏 div。它在 Chrome 和 Firefox 中运行良好,但我最近在网站上线后注意到它在 IE 中由于某种原因无法运行。我一直在检查代码,到目前为止还没有真正找到问题所在。我希望其他人能看到我在这里想念的东西!
站点:http ://www.reseportalen.nu以及当您将鼠标悬停在标题中的蓝色菜单上时。
这是目前为止在除 IE 之外的所有设备中都可以使用的悬停 css。
#main-nav ul li:hover > ul {
display: block;
}
这是隐藏的 UL
#main-nav ul ul {
position: absolute;
top: 30px;
display: none;
float: left;
width: 203px;
z-index: 100;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #207DDA;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #207DDA),
color-stop(1, #1461B4)
);
background-image: -o-linear-gradient(bottom, #207DDA 0%, #1461B4 100%);
background-image: -moz-linear-gradient(bottom, #207DDA 0%, #1461B4 100%);
background-image: -webkit-linear-gradient(bottom, #207DDA 0%, #1461B4 100%);
background-image: -ms-linear-gradient(bottom, #207DDA 0%, #1461B4 100%);
background-image: linear-gradient(to bottom, #207DDA 0%, #1461B4 100%);
}
我想你在网站上很清楚我的意思。反正这个浏览器 Internet Explorer 总是让我头疼。
祝大家有个愉快的夜晚!