你如何使div的區域可點擊？不是整個div！

Question

如果你在div中有一個背景圖片，中間有一個（繪製）按鈕，還有一些圍繞它的圖紙。你如何使按鈕可點擊，但不是整個div，因爲我不希望用戶單擊它周圍的圖紙，如果這是有道理的！？我是在浪費時間玩填充和邊距？我應該創建兩個div嗎？我的老闆說他已經設法使用一個div。

乾杯

Answer 1

把一個透明的元素放在div裏面。將它放在按鈕的頂部，並使其與按鈕的大小相同。使元素點擊能夠。

Answer 2

總之 - 你沒有。

背景是背景。他們不滿足。他們不是互動的。

這是可能的，但你不應該。如果您有一些內容供用戶進行互動，則將其作爲內容呈現。使用<img>。

Answer 3

你可以使格「的位置是：相對」，然後將一個<一個>標籤使用

display: block; 
width: your_width; 
height: your_height; 
position: absolute; 
left: your_position_x; 
top: your_position_y; 

繪圖這將是最乾淨的方式上。

Answer 4

試試這個代碼：

#container { width:200px; height:100px; position:relative } 
#clicker { display:block; width:20px; height:10px; position:absolute; top:20px; left:100px; } 

<div id="container"> 
    <a id="clicker" href="#link"></a> 
</div> 

明顯變化的所有尺寸，以匹配你想點擊的區域。