본문 바로가기

Web/HTML

레이어팝업

반응형
 
<style type="text/css">
	#dim_100 {
		position:fixed;
		top:0;
		left:0;
		width:100%; 
		height:100%; 
		background:#FFF; 
		filter:alpha(opacity=50); 
		-khtml-opacity:0.5; 
		-moz-opacity:0.5; 
		opacity:0.5; 
		z-index:1000000;}
</style>
<script type="text/javascript">
 //$(window).load(function() { $("#dim_100").css("height", parseInt($("#main_wrap").css("height"))) });

 function closeMainLayer(){
  document.getElementById("teaser_pop_wrap").style.display="none";
  document.getElementById("dim_100").style.display="none";
  /*  2013-03-28 비디오 삭제 */
  $("#videoTag").remove();
 }
</script>
 	<div id="teaser_pop_wrap">
 	 <div class="pop_box">
 	  <p class="btn_close"><a href="javascript:closeMainLayer();"><img src="/html/common/images/web/kr/common/btn_close_teaser.gif" alt="티저 레이어 닫기" /></a></p>
 	  <p id="content"></p>
 	  <p class="pop_txt"><input type="checkbox" id="day1" /> <label for="day1">오늘하루 더이상 보지 않기</label></p>
 	 </div>
 	</div>
 	
 	<div id="dim_100"></div>
 
반응형