按百分比大小的圖像按鈕

Question

我試圖在網頁中實現類似門鈴的內容。我有一個div內的門的背景圖像，我想添加一個可點擊的門鈴圖像。我還想在點擊按鈕時更改按鈕中的圖像。

我嘗試使用圖像按鈕技術，我已經它採用這樣的事情在網絡上找到：

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

錨標籤具有的是按鈕圖像的CSS背景屬性。但我無法用百分比重新調整它。我希望門和門鈴根據頁面比例調整大小。什麼是最好的方法來做到這一點？

Answer 1

默認情況下，錨元素不是塊級元素，如果您在錨元素上設置CSS以顯示：block;你將能夠以％爲單位的大小。這就是說，沒有看到你想要達到的目標，很難給出最好的指導 - 記住要確保你的標記在語義上是正確的，因爲「按鈕」元素可能比錨元素更合適。