#btn_option {display:none;position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:90;border-top:1px solid #000; -webkit-box-shadow:0 0 9px rgba(0,0,0,0.2) -moz-box-shadow0 0 9px rgba(0,0,0,0.2); box-shadow:0 0 6px rgba(0,0,0,0.2)} #btn_option .sl_option {max-height:240px;overflow-y:auto;padding:10px} #btn_option h3 {margin-bottom:10px} #btn_option .btn_close {position:absolute;top:-25px;left:50%;width:60px;height:25px;margin-left:-30px;border:1px solid #000;border-bottom:0;background:#fff;border-radius:3px 3px 0 0} .btn_cart_op {width:100%;text-align:center;font-weight:bold} .btn_option_wr {position:fixed;bottom:0;left:0;width:100%;padding:10px;background:#fff;border-top:1px solid #000;z-index:88; -webkit-box-shadow:0 0 9px rgba(0,0,0,0.2); -moz-box-shadow:0 0 9px rgba(0,0,0,0.2); box-shadow:0 0 6px rgba(0,0,0,0.2)}
답변 1개
채택된 답변
+20 포인트
바트컨트롤4년 전
1. 상세페이지 파일에서
</p>
<p><div class="shop-dim"></div></p>
<p>이런식으로 위처럼 만들어주시고
기본 값을 아래처럼 스타일을 두시어 안보이게 해두시면 됩니다
</p>
<p>.shop-dim {display:none}</p>
<p>그리고나서 위 작성해두신
</p>
<p><script>
$(function (){
$(".btn_cart_op").click(function(){
$("#btn_option").show();</p>
<p> $(".shop-dim").show();
});
$("#btn_option .btn_close").click(function(){
$("#btn_option").hide();</p>
<p> $(".shop-dim").hide();
});
});
</script></p>
<p>처럼 넣으시고 dim을 꾸며주시면 되겠습니다
투명도라면
background: RGB(0 0 0 / 50%);가 적당하겠네요
</p>
<p>.shop-dim {display:none;background: RGB(0 0 0 / 50%);}</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
답변대기
답변대기
채택
답변대기