크기가 백분율로 표시된 이미지 버튼

웹 페이지에서 문 벨과 같은 것을 구현하려고합니다. div 안에 문에 대한 배경 이미지가 있고 클릭 할 수있는 초인종의 이미지를 추가하고 싶습니다. 현재 버튼을 클릭 할 때 이미지를 변경하고 싶습니다.크기가 백분율로 표시된 이미지 버튼

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

앵커 태그 버튼 이미지 인 CSS의 배경 속성이 있습니다 :

나는이 같은 것을 사용하는 웹에서 발견 한 이미지 버튼의 기술을 사용했습니다. 하지만 비율로 크기를 조정할 수는 없습니다. 페이지 비율에 따라 문과 문 종의 크기를 조정하고 싶습니다. 이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

출처

2012-03-20 John Ng

앵커 요소가 기본적으로 블록 수준 요소가 아니므로 앵커 요소에 CSS를 설정하여 display : block; 당신은 % 단위의 크기를 가질 수 있습니다. 즉, 달성하고자하는 것을 정확히 보지 않고도 최상의 지침을하기는 어렵습니다. '버튼'요소가 앵커 요소보다 더 적절할 수 있으므로 마크 업이 의미 상 정확하다는 것을 기억하십시오.

출처

2012-03-20 18:43:06 danblundell

하지만 앵커 요소로 설정 한 배경 URL의 크기를 변경할 수 없습니다. 그게 내가 크기를 조정할 필요가있는거야. background-size를 사용했지만 FireFox에서는 작동하지 않습니다. 난 그냥 비율을 기반으로 크기가 조정 된 이미지 버튼을 갖고 싶습니다. 버튼을 눌렀을 때나 눌렀을 때 버튼의 이미지를 변경할 수 있습니다. –

크기가 백분율로 표시된 이미지 버튼

답변

관련 문제