메인 레이어팝업창 배경어둡게 하는 질문입니다

메인 레이어팝업창 배경어둡게 하는 질문입니다

QA

메인 레이어팝업창 배경어둡게 하는 질문입니다

본문

안녕하세요~

별도로 띄우는 팝업이 아닌, 그누보드의 팝업창이고 밋밋하여 다른 사이트보고 수정중입니다.

레이어 팝업인데...

 

메인화면에 팝업창이 뜨는데... 팝업창이 뜰때 바탕화면이 어둡게 보이고(모달 팝업처럼) 닫기 버튼을 누르면 팝업이 닫히며 홈페이지 화면이 보이게 됩니다.

 

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

답변을 작성하시기 전에 로그인 해주세요.
전체 103
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT