none
IE8 position:absoluteでのstyle.dispaly変更時のバグについて RRS feed

  • 全般的な情報交換

  • 以下サンプルソースでは、"click me!"と書かれた部分をクリックすると、エレメントのstyle.dispalyを非表示に設定しています。
    非表示にした際、そのエレメントの次に存在するposition:absoluteのエレメントがブラウザ左上に移動してしまいます。

    バグの可能性が高いかと思いますので、お手数ですがご確認下さい。

    OS:windows XP
    ブラウザバージョン:IE8 beta2
    (RC1では直ってるかもしれませんが・・・)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <HTML>
    <HEAD>
    <script>
    function testScript() {
        document.getElementById("test1").style.display = "none";
    };
    </script>
    </HEAD>
    <BODY>

    <DIV id="test1" style="POSITION: absolute; WIDTH: 140px; HEIGHT: 26px; TOP: 82px; LEFT: 301px" onclick="testScript();">
        <DIV style="POSITION: absolute; BACKGROUND-COLOR: #40ff40; WIDTH: 138px; HEIGHT: 24px; TOP: 1px; CURSOR: pointer; LEFT: 1px">click me!</DIV>
    </DIV>
    <DIV id="test2" style="POSITION: absolute; WIDTH: 112px; HEIGHT: 26px; TOP: 102px; LEFT: 131px">
        <DIV style="POSITION: absolute; BACKGROUND-COLOR: #40ff40; WIDTH: 110px; HEIGHT: 24px; TOP: 1px; LEFT: 1px"></DIV>
    </DIV>

    </BODY>
    </HTML>

    2009年1月6日 4:51

すべての返信