我正在尝试在网页中实现类似门铃的东西。我有一个div中的门的背景图像，我想添加一个可点击的门铃图像。我还想更改当前单击按钮时的图像。
我试着使用我在网上找到的图像按钮技术，它使用了这样的东西：
<a id="bell" class="button" href="#"><span></span></a>
锚标记在CSS中具有作为按钮图像的背景属性。但我不能用百分比来调整它的大小。我想根据页面百分比调整门和门铃的大小。最好的方法是什么？
锚元素默认情况下不是块级元素，如果您在锚元素上设置css以显示：block；你可以用%来表示它的大小。也就是说，如果看不到你想要实现的目标，很难给出最好的指导——记住要确保你的标记在语义上是正确的，因为"按钮"元素可能比锚元素更合适。