변경 배경 이미지 크기는 자바 스크립트

Question

내가

background-image: url('url_here'); 
background-attachment: fixed; 
background-repeat: repeat; 

그러나 기본적인 CSS로 웹 사이트에 반복 배경 이미지를 넣어 시도 된, id는 이미지 메신저의 크기를 변경 할 수 있기를 새로 고침을 사용하여, 자바 스크립트를 사용하여. CSS는 기능을

background-size: 300px; 

을 가지고 있지만 불행하게도 COM 스타일의 객체 나던 - 그것은 배경에 대해 무엇을 할 수 있는지에 대한 here를 참조하십시오. 이것은 하나의 옵션으로 나를 남겨 둡니다. 반복되는 HTML 이미지를 사용하여 COM 스타일 객체로 편집 할 수 있습니다.

그래서, 내 질문은 : 배경 이미지가 아닌 HTML 이미지를 반복하는 방법이 있습니까? 어떤 도움이라도 크게 감사합니다.

Answer 1

사실, 당신과 같이 자바 스크립트 배경의 크기에 영향을 줄 수 있습니다

document.getElementById("el_id").style.backgroundSize = "100px 100px"; 

체크 아웃이 바이올린 : http://jsfiddle.net/Lph2W/합니다. CSS는 배경 이미지 크기를 200px X 200px로 설정 한 다음 JS가 100px X 100px로 업데이트합니다.

Answer 2

이것은 나를 위해 일했으며 이것이 다른 사람들에게 도움이되기를 바랍니다.

var el = document.getElementById("notification"); 
el.style.background = 'url(images/Noti.png) no-repeat center center'; 
el.style.backgroundSize="100% 100%"; 

당신이 유용 오 :