<strong> 배경 이미지 전략 제공: </strong> <br><br>1, 배경 이미지 고정 <br><br>2, 창 크기에 따라 크기 변경 <br><br>3, 비율은 변경되지 않고 확대/축소 <br><br> 지원 브라우저: IE 6, 7, 8, 9, FF, Chrome <br><br>데모 주소: http://www.einino.net/bg_image.html <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="8933" class="copybut" id="copybut8933" onclick="doCopy('code8933')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code8933"> <br><style> 0; padding:0 ;height:2000px; } <br>#Background_img{ <br>top:expression(documentElement.scrollTop) /*상단을 수정하려면 이 표현식이 필요합니다*/ <br>} <br>< /style> <br><br> </div> <br><div class="codetitle"><span><a style="CURSOR: pointer" data="647" class="copybut" id="copybut647" onclick="doCopy('code647')">코드 복사<u></u></a> 코드는 다음과 같습니다.</span></div> <div class="codebody" id="code647"> /**<br>*@desc 고정된 배경 이미지를 만듭니다. 이미지의 비율을 잃지 말고 창 크기에 맞게 이미지 크기를 조정하세요. <br>*@author EI Nino <br>*2013/8/15 <br>*/ <br>var imgBackground=function(_img_obj) <br>{ <br>this.img = _img_obj; <br>this.init() <br>} <br>imgBackground.prototype ={ <br>init:function (){ <br>this.img.style.top="0"; <br>this.img.style.left="0" <br>if(navigator.appVersion. indexOf('MSIE 6.0')> ;0){ <br>this.img.style.position="absolute"; <br>this.img.style.bottom="auto" <br>if(!document. body.style.BackgroundImage){/ IE 6에서 창을 스크롤할 때 플래시를 제거합니다. <br>document.body.style.BackgroundImage="url(about:blank)" <br>document.body.style.BackgroundAttachment= "고정"; <br>} <br>} <br>else{ <br>this.img.style.position="고정"; <br>} <br>this.ra = this.img.width/this .img.height; <br> this.resize(); <br><br>}, <br>resize:function() { <br>var self=this; (document.documentElement.clientWidth /document .documentElement.clientHeight )>=self.ra) <br>{ <br>self.img.style.width=document.documentElement.clientWidth "px" <br>self.img .style.height=""; <br>} <br>else{ <br>self.img.style.width=""; <br>self.img.style.height=document.documentElement.clientHeight "px" ; <br>} <br> }, <br>GetStyle:function(_obj,_style){ <br>var obj = _obj; <br>return obj.currentStyle? , null)[_style]; <br>BindEvent:function(){ <br>var self = this <br>$(window).resize(function(){//jquery lib 사용 <br>self.resize(); <br>}); <br>} <br>} <br>new imgBackground(document.getElementById("Background_img"));</div>