0

私はいくつかのレイヤーを持つトリッキーなデザインに取り組んでおり、別のコンテナー内の他の 2 つの重複する div の間に div をレイヤー化する必要があります。これは、Firefox では動作しますが、IE6 では動作しない単純な例です (もちろん、これはクライアントが選択したブラウザーです): http://dawnup.com/sandwich

ソース：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
    div {
        width:200px;
        height:200px;
        position:absolute;
    }

    #middle {
        background-color:#aaa;
        left:30px;
        top:30px;
        z-index:1;
    }
    #bottom {
        height:200px;
        background-color:#777;
        left:0px;
    }
    #top {
        background-color:#ccc;
        left:40px;
        top:40px;
        z-index:2;
    }
</style>

</head>
<body>
    <div id="middle">MIDDLE</div>
    <div id="container">
        <div id="bottom">BOTTOM
            <div id="top">TOP</div>
        </div>
    </div>
</body>
</html>

これを IE6 で動作させるための秘訣はありますか? それとも、このような重複は不可能ですか？

前もって感謝します

4

1 に答える 1

0

#top 要素を移動して、bottom 内に配置できないのはなぜですか?

于 2010-07-08T07:18:33.093 に答える