배경 이미지가있는 DIV

DIV 컨트롤을 위해 배경 그림 (웹 사이트에서 둥근 모서리 이미지)을 적용했습니다. DIV 컨트롤에서 동적으로 더 많은 문장을 추가했습니다.배경 이미지가있는 DIV

이미지의 높이와 너비는 어떻게 증가할까요?

몇 가지 제안 사항을 알려주십시오.

2012-07-09 subramani

자바 스크립트를 사용하면 배경 크기를 변경할 수 있습니다.
주 - CSS3 기능입니다. 스타일 태그 내에서

DIV의 내용에 변경이

document.getElementById("eleId").style.backgroundSize="60px 80px" ;

2012-07-09 12:55:20

정보를 제공해 주셔서 감사합니다. CSS2에서 가능합니까? – subramani

CSS 지원은 브라우저에 따라 다르지만 거의 모든 최신 브라우저는 CSS3를 지원합니다. CSS 및 JavaScript 코드 만 작성하면됩니다. 브라우저가 CSS3를 지원하면 배경 크기가 바뀌므로 그대로 유지됩니다. –

에 한번 사용 CSS3

.div { 
background: #eee; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
}

아니면 '코너'모든 것을 ... 큰 두통

으로 그들을 배경 이미지의 크기를 조절하거나 분할처럼 지저분한 물건의 모든 종류를 수행해야합니다

2012-07-09 12:50:29 Tallboy

이드 동의 크기를 변경하려면 다음 구문을 사용할 수 있지만 그들이 표적으로하는 브라우저를 무엇을 따라 할 때, 우리는 종종 작동

.div_class_name { background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; }

이 기능을 지원하지 않는 브라우저의 경우 현재 일부 프로젝트에서 이미지를 사용하는 것이 좋습니다. –

또한 JS 라이브러리는 IE7과 IE8과 같은 오래되고 쓸모없는 브라우저를 위해이 기능을 모방합니다. –

답변