포함 앵커 요소에 배경 이미지를 맞추는 방법은 무엇입니까?

Question

이미지 배경이있는 링크를 디자인하려고합니다. 이미지가 너무 큰 경우 질문은 CSS를 사용하여 앵커의 폭과 높이에 어떻게 맞 춥니 까? CSS 3가 널리 구현되지 년대 background-size 속성을 지원하지만

<a href="#"></a> 
<style> 
a 
{ 
    display: block; 
    padding: 5px 12px; 
    border: 1px solid black; 
    width: 10px; 
    height: 10px; 
    background-image: url('/Scripts/images/downarrow_blue.png'); 
    } 
</style> 

TIA, 리나는 CSS 2.1

Answer 1

배경 이미지는 크기를 조정할 수 없습니다. 오른쪽

<a href="#"><img src="mybg.png" alt="" style="width:10px; height:10px" /></a>  

그러나 당신은 아마 어쨌든 그런 식으로 일을하지 않는 이유가 :

background-size: 10px 10px; 

확실한 대안은 단지 <img> 태그를 사용할 수 있나요?

다른 대안이

• 대신 이미지의 크기로 <a> 요소의 크기를 조정 될 수 있습니다.
• 이미지를 로컬에서 크기를 조정하고 다른 파일 이름으로 업로드하십시오.
• PHP 나 ASP와 같은 서버 측 프리 프로세서를 사용하여 원하는 크기로 이미지를 전달하십시오.