1

Div Over Image ボタンを作成しました CSS スタイルの位置は、ページをスクロールするときに絶対的です。div も下にスクロールします

#DamageDiv {
background-color:red;
position:absolute;
z-index:1000;/* heighest z-index show on top */

}

function DrawImage(e) {
        var evt  = e || window.event; // compliant with ie6 
        var posX = evt.clientX;
        var posY = evt.clientY;
        var iDiv = document.createElement('div');
        iDiv.id = DamageType;
        iDiv.style.top = posY + "px";
        iDiv.style.left = posX + "px";
        iDiv.style.width = "20px";
        iDiv.style.height = "20px";
        document.getElementsByTagName('body')[0].appendChild(iDiv);
    }
4

1 に答える 1

1

CSS から を削除position:absoluteします。これにより、スクロールしたときに div が画面上の同じ場所に留まります。

こちらをお読みください: style = "position:absolute" と style = "position:relative" の違い

于 2013-08-04T10:54:04.410 に答える