Question

我有一个菜单，在悬停时会显示一个带有子菜单选项的隐藏div。它适用于Chrome＆amp; 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总让我头疼。

祝大家晚安！

在菜单中显示隐藏的div在IE中悬停

0 个答案: