메인 레이어팝업창 배경어둡게 하는 질문입니다
본문
안녕하세요~
별도로 띄우는 팝업이 아닌, 그누보드의 팝업창이고 밋밋하여 다른 사이트보고 수정중입니다.
레이어 팝업인데...
메인화면에 팝업창이 뜨는데... 팝업창이 뜰때 바탕화면이 어둡게 보이고(모달 팝업처럼) 닫기 버튼을 누르면 팝업이 닫히며 홈페이지 화면이 보이게 됩니다.
bbs/newwin.inc.php
폴더가 팝업소스인거 같은데...
아래 소스를 넣었습니다.
<script>
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
});
$("#hd").css("z-index", 1000);
});
</script>
<!-- 팝업레이어 끝 -->
아래 내용 추가 -->
<!-- } <style type="text/css">
.hd_pops{display:none;opacity:0;position:fixed;left:50%;top:50%;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.5);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');}
#hd_popsBlock{position:fixed;left:0;top:0;z-index:990;width:100%;height:100%;background-color:#000}
</style>
<div id="hd_popsBlock" style="opacity: 0.8;"></div>
근데. 닫기버튼을 하면 팝업창은 닫히는데...
홈페이지 전체 바탕화면에 있는 어두운 배경은 사라지지 않습니다.
여기서 팝업창과 함께 홈페이지가 보이게 할려면 어디를 수정해야 하는지 모르겠습니다.
이부분 말고 다른 소스의 수정이 필요한건지, 아니면 이 소스가 잘못된건지 사랑하는 고수님들의 답변 부탁드립니다~ ^^
답변 2
$('#hd_popsBlock').css('display','none');
추가된 소스를 윗처럼 변경해 보세요.
그리고
#hd_popsBlock{position:fixed;left:0;top:0;z-index:990;width:100%;height:100%;background-color:#000}
추가된 스타일 소스는 위에 소스만 남겨두고 지워도 될듯싶구요..
원래 존재하는 팝업용 스타일이 있습니다.
위에 소스중 z-index:9998; 로 변경해 보시고, 나머지는 사용자분에 맞게...
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#hd_popsBlock').css('display','none');
});
$("#hd").css("z-index", 1000);
});
이렇게 말씀인가요? 했는데.. 위에도 그렇고 지금도 그렇고 팝업이 아예안떠요 에공
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
$(#hd_popsBlock).css('display','none');
});
< script
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
$(#hd_popsBlock).css('display','none');
});
< /script
이렇게 해봤는데 안되네요 TT
이게 아닌가요?
제가 잘못한건지...? 에공 TT
