Css 如何使div区域可单击？不是整个部门！ 如果你有一个背景图像在一个div中，中间有一个（绘制）按钮，周围还有一些其他图画。如果有意义的话，我不想让用户点击按钮周围的图形，你如何使按钮可点击而不是整个div！？我是在浪费时间玩填充和边距吗？我应该只创建两个div吗？我的老板说他以前用一个div就成功了

干杯

简而言之，你没有

背景就是背景。他们不满足。它们不是互动的

---

这是可能的，但你不应该。如果您有一些可供用户交互的内容，请将其显示为内容。使用

将透明且相对定位的元素放置在div内。将其放置在按钮顶部，并使其与按钮大小相同。使元素可以单击

可以将div设置为“position:relative”，然后使用

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

这将是最干净的方法。

尝试以下代码：

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

#容器{宽度：200px；高度：100px；位置：相对}
#点击器{显示：块；宽度：20px；高度：10px；位置：绝对；顶部：20px；左侧：100px；}

---

显然，更改所有尺寸以匹配要单击的区域。

这也是我的想法，我只是想知道是否可以用不同的方式进行！谢谢，我明白这一点，通常我会这样做，但在这种情况下，这是不可能的！