0

当我对绝对定位(用于菜单)的 div 使用溢出:隐藏时,其他 div 重叠。这是代码。它在 FF3 中运行良好。任何帮助表示赞赏。请注意,html 应保持原样。此外,如果您可以提供解决方案,只需更改菜单 div 的样式(包含菜单文本的 div)对我更有帮助。提前致谢

这是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Title of the document</title>
</head>

<body>
<div style="position:relative">
    <div>
        <div style="height:20px;overflow:hidden">
            <div style="position:absolute;width:200px;height:100px;top:0px;background-color:black;z-index:1">menu</div>
        </div>    
    </div>

    <div style="position:relative;height:200px;background-color:gray;"></div>
</div>
</body>

</html> 
4

1 回答 1

0

overflow显然,FF2 与和存在一些已知问题z-index。(见这个谷歌搜索

可能有一种解决方法,但我们必须知道您要使用overflow: hidden. 很难从你的代码中分辨出来,因为它并没有真正产生影响——overflow:hidden完全删除会得到你想要的结果。

于 2010-06-05T19:44:15.840 回答