0

絶対に配置されている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>
4

1 に答える 1

0

どうやら、FF2にはとに関するいくつかの既知の問題がoverflowありz-indexます。（このグーグル検索を参照してください）

おそらく回避策がありますが、で何を達成しようとしているのかを知る必要がありますoverflow: hidden。コードは実際には効果がないため、コードから判断するのは困難overflow:hiddenです。完全に削除すると、目的の結果が得られます。

于 2010-06-05T19:44:15.840 に答える