자바 스크립트를 사용하여 이미지 축소

Question

javascript.if를 사용하여 div 배경 이미지에 보관 된 이미지를 축소해야합니다.

자바 스크립트에서 가능합니까?

제안 사항?

Answer 1

CSS는 배경 이미지의 크기 조정을 지원하지 않습니다.

둥근 모서리를 찾고 있다면 다양한 HTML, CSS 및 Javascript 조합을 사용하는 다양한 솔루션을 사용할 수 있습니다.

Google: Rounded Corners

Answer 2

당신은 JS와 배경의 크기를 조정하지 수 있습니다.

당신은 수 그들 모두를 보여 4 개 코너의 이미지와 중첩 된 div에 이미지를 분할 :

당신이 간단하게 할 수 물론

<div style="background:url(tl.jpg) top left no-repeat"> 
    <div style="background:url(tr.jpg) top right no-repeat"> 
     <div style="background:url(bl.jpg) bottom left no-repeat"> 
      <div style="background:url(br.jpg) bottom right no-repeat"> 
       content 
      </div> 
     </div> 
    </div> 
</div> 

당신이 하나 개의 축에 성장에만 DIV 경우 그 :

<div style="background:url(top.jpg) top no-repeat"> 
    <div style="background:url(bottom.jpg) bottom no-repeat"> 
     content 
    </div> 
</div> 

Answer 3

CSS 3에는이를 수행 할 수있는 background-size 속성이 있지만 대부분의 브라우저에서 지원되지 않습니다.

Answer 4

대부분의 최신 브라우저는 배경 이미지를 사용하지 않고 요소의 모서리를 둥글게합니다. 다음 CSS 스타일을 확인하십시오.

-moz-border-radius:4px; 
border-radius:4px; 
-webkit-border-radius:4px; 

이들 각각은 4pixel 반경을 제공합니다. Mozilla 브라우저에서 처음 (예 : Firefox), 두 번째 브라우저에서 최신 css3 및 Safari 외.