Question

我有这个页面： http://bable.co.il/static/index1.php?page=safety&id=7

当您将鼠标悬停在文章上时，您将获得一个滑动菜单。这个菜单属于自己的文章。我试图修复z-index和菜单的位置没有成功。

这适用于资源管理器8

我发布了链接，因为我认为你可以通过自己查看css并了解发生了什么。无论如何，这是显示的ul的css：

.topnav{
    display: none;
    position: absolute;
    z-index: 10000;
    border: 1px solid black;
}

，这是菜单顶部的元素的css：

.ac_subitem{
width:90%;
right:6%;
position: relative;
margin-top:1px; /* animate to -200px */
/*background: transparent url(../images/tpl/bg_menu.png) repeat top left;*/
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,     endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

任何人都可以帮忙吗？!!

Answer 1

您完全错过了页面中的DOCTYPE，而DOCTYPE又以Quirks模式呈现。添加适当的DOCTYPE，它应该可以正常工作。

<!DOCTYPE html>

Answer 2

要使用z-index，你的div必须在你的css中绝对定位。你做到了吗？

z-index和position不起作用

2 个答案: