Кнопка изображения с размером в процентах

Question

Я пытаюсь внедрить что-то вроде дверного звонка на веб-странице.У меня есть фоновое изображение двери внутри дивана, и я хочу добавить изображение дверного звонка, на который можно нажимать.Я также хотел бы изменить изображение в кнопке, когда она в данный момент нажата.

Я попытался использовать методы кнопок изображений, которые я нашел в Интернете, которые используют что-то вроде этого:

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

тег привязки имеет свойство background в CSS, которое является изображением кнопки.Но я не могу изменить его в процентах.Я хочу, чтобы размер двери и дверного звонка изменялся в соответствии с процентом страницы.Какой лучший способ сделать это?

Answer 1

якорные элементы не являются элементами уровня блока по умолчанию, если вы установили css для своих якорных элементов для отображения: block; вы сможете его размер в%. Тем не менее, не зная, чего именно вы пытаетесь достичь, трудно дать лучшее руководство - не забудьте убедиться, что ваша разметка семантически верна, поскольку элементы «кнопки» могут быть более подходящими для элементов привязки.