在Firefox 2中，使用overflow：hidden使其他div與當前div重疊

Question

當我為絕對位置（用於菜單）的div使用overflow：hidden時，其他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>

Answer 1

顯然，FF2在overflow和z-index方面存在一些已知問題。 （請參閱此Google搜索）

可能有一種解決方法，但是我們必須知道您要通過overflow: hidden來完成什么工作overflow: hidden 。 很難從代碼中分辨出來，因為它實際上並沒有發揮作用-消除overflow:hidden完全overflow:hidden即可獲得您想要的結果。

在Firefox 2中，使用overflow：hidden使其他div與當前div重疊

問題描述

1 個解決方案

解決方案1
0 2010-06-05 19:44:15

在Firefox 2中，使用overflow：hidden使其他div與當前div重疊

問題描述

1 個解決方案

解決方案1 0 2010-06-05 19:44:15

解決方案1
0 2010-06-05 19:44:15