CSS：防止絕對圖像擴展到特定的div

Question

有沒有辦法阻止絕對放置的圖像擴展到某些元素？

原因是：我允許我的用戶通過添加圖像來自定義他們的網站。但是他們可能會以覆蓋表單按鈕的方式放置圖像 - 然後他們無法再將其刪除。

#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> 

Answer 1

的確定以何種順序HTML的元素，會制定了比你需要來定位你的元素（相對的，絕對的或固定的），並給予元素的z-index值文檔strucutre等。

此外，您還需要指定至少頂部/底部和左側/右側的定位元素，以防止舊IE版本出現問題。

#other_div { 
    position: relative; 
     top: 0; 
     left: 0; 
    z-index: 1337; 
}