你如何使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> 

明显变化的所有尺寸，以匹配你想点击的区域。