按百分比调整大小的图像按钮

时间:2012-03-20 18:39:36

标签: javascript jquery css image button

我正试图在网页上实现类似门铃的东西。我有一个div内门的背景图片,我想添加一个可点击的门铃图像。我还想在当前点击按钮时更改按钮中的图像。

我尝试使用我在网络上找到的图像按钮技术,使用的方式如下:

<a id="bell" class="button" href="#"><span></span></a>  

锚标签在CSS中具有背景属性,即按钮图像。但我不能用百分比来调整它。我希望门铃和门铃根据页面百分比调整大小。最好的方法是什么?

1 个答案:

答案 0 :(得分:1)

默认情况下,锚元素不是块级元素,如果在锚元素上设置css以显示:block;你将能够以%为单位。也就是说,如果没有确切地看到你想要达到的目标,就很难给出最好的指导 - 记住确保你的标记在语义上是正确的,因为“按钮”元素可能更适合锚元素。