배경 이미지의 너비와 높이가 지정되지 않았습니다.

Question

배경 이미지를 추가하려는 링크 태그가 있습니다. 이제 이미지의 너비와 높이 인 배경의 너비와 높이를 지정했습니다. 문제는 브라우저가 지정된 크기로 배경 이미지의 크기를 조정하지 않는다는 것입니다. 여기 내 코드입니다 : 어떤 제안?

<div align="center" style="font-size: 14px; font-weight: bold; font-family: Arial, 
Helvetica, sans-serif;"> 
<a id="displayText" href="javascript:toggle();" title="UK referral system credits" 
    style="background: url(images/earnings.png) no-repeat center; width: 150px; 
    height: 40px;">Show my earnings</a> 
<iframe id="toggleText" style="display: none;" frameborder="0" height="700" 
    src="http://v4m.mobi/cwf/facebook/uk/user_temp_credits_earned.php"; target="_blank" 
    align="center" width="300" scrolling="Auto"; bgcolor="#C9D3DE"> </iframe> 
</div> 

당신은

Answer 1

추가를 설정해야

<a id="displayText" href="javascript:toggle();" title="UK referral system credits" 
    style="background: url(images/earnings.png) no-repeat center; width: 150px; 
    height: 40px; display: block;">Show my earnings</a> 

Answer 2

당신은
http://www.w3.org/TR/css3-background/#the-background-size

Answer 3

첫째 외부 .css 파일로 스타일 규칙을 이동해야 도움이 될 수있는 배경 크기의 구문

다음

을 사용할 수 있습니다 감사합니다. 코드를 읽기 쉽게 만들뿐만 아니라 문제를 더 잘 구분할 수 있습니다.

둘째, CSS3 background-size 속성을 사용하지 않는 한 배경 이미지의 크기를 명시 적으로 설정할 수 없습니다. 원래 이미지 크기의 100 %가되며 배경의 요소 크기와 완전히 구분됩니다.

background-size을 사용하려면 다음을 시도하십시오. background-size: 150px 40px;. 그러나 IE8 이하에서는 작동하지 않습니다. 같은 : "블록 표시"

Answer 4

당신은

background-size: 150px 40px;