0

絶対に配置された画像が特定の要素に広がるのを防ぐ方法はありますか？

理由：ユーザーが画像を追加してウェブサイトをカスタマイズできるようにします。ただし、フォームボタンを覆うように画像を配置することは可能です。そうすると、画像を再度削除することはできなくなります。

#parent{
    position:relative;
}

#my_img {
    position:absolute; 
    # top, left can be anything
}


<div id = "parent">
    <img id = "my_img" src = "my_pic.jpg" >
</div>
<div id = "other_div">
    I always want to see this text regardless of my_img top and left
</div>
4

1 に答える 1

0

ドキュメント構造以外のHTMLの要素がどの順序で配置されるかを決定し、要素を配置して（相対、絶対、または固定）、要素にz-index値を指定します。

また、古いIEバージョンでの問題を防ぐために、配置された要素に少なくとも上/下および左/右を割り当てる必要があります。

#other_div {
    position: relative;
        top: 0;
        left: 0;
    z-index: 1337;
}
于 2013-02-07T09:56:03.293 に答える