css - li下的ul:hover在IE中不渲染，虽然出现了box shadow

Question

我有一个包含嵌套 ul li 元素的导航菜单。嵌套的 ul 应该仅在父 li 元素悬停时显示。

ul#menu_system ul {
width:200px;
display:none;
position:absolute;
left:0;
top:100%;
-moz-box-shadow:0 3.5px 12px #000000;
-webkit-box-shadow:0 3.5px 12px #000000;
box-shadow:0 3.5px 12px #000000;
background-color:#ececec;
border-width:0px;
padding:0 10px 10px;
}

ul#menu_system li:hover > ul
{
    display:block;
}

在 firefox/chrome 中一切正常，只有 IE 只是在悬停时显示框阴影，没有别的。请帮忙。

Answer 1

我把它修好了。ul#menu_system li我删除了应用于IE 元素的渐变过滤器。现在一切正常。