IE에서 다중 배경 작업 수행

Question

IE8 및 이전 브라우저에서 CSS3의 다중 배경을 사용하고 싶습니다. 나는 modenizer 라이브러리를 다운로드하고이 코드를 브라우저가 여러 배경을 지원하는지 여부 감지 :

if(Modernizr.multiplebgs){ 
    alert("Your browser supports multiplebgs, enjoy!!"); 
} else { 
    alert("Sorry, browser does not support multiplebgs tag!"); 
} 

내가 IE8 및 이전 버전에서 여러 배경 작업을 만들기 위해 다른 섹션에서 무엇을해야

?

Answer 1

IE 9.0 이상, IE8 이하를 사용하는 경우 여러 배경이 작동하는 경우에만이 기능을 구현합니다. 나는 IE8 이하와 비슷한 것을하는 다른 방법이 있는지 모르지만,이 특별한 기능을 위해 IE8 이하에서 작동하도록 할 수있는 방법은 없습니다.

편집 : 이전 버전 IE 브라우저에서는 지원되지 않는 css3 기능에 약간의 해결 방법이있는 것 같습니다.

http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

이 사이트에 나와있는 여러 배경 대안이있다, 그러나 궁극적으로는 CSS3 한만큼 유연하고 유용하지 않을 것입니다. 이 해결 방법을 사용할 수있는 상황이 적용될 지 확신 할 수는 없지만 직접 살펴볼 수는 있습니다.

Answer 2

흠 ... 나는 당신이 img에 대한 임의의 URL을 선택하고 전체 화면 배경에 대한 배경 div로 삽입하는 자바 스크립트를 사용할 수있을거야. 그것은 대부분의 브라우저에서 작동 할 수 있습니다.

http://css-tricks.com/perfect-full-page-background-image/

이 그럼 당신은 같은 서버에서 여러 개의 이미지 수 : : CSS의 전체 이미지를

bg1.png, bg2.png을 ...

자바 스크립트 var randomnumber=Math.floor(Math.random()*11)

그런 다음 img 다음에 숫자에 자바 스크립트 변수를 사용하고 배경 이미지에 삽입하십시오.

document.getElementsByTagName ('body') [0] .innerHTML = background-image : url ('bg'+ randomnumber);

물론 내 코드를 수정해야합니다. 나는 단지 당신이 생각을 갖기를 바란다 :