#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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
채택
답변대기
답변대기
채택
채택
답변대기
채택
답변대기
채택
채택
채택
답변대기
채택
채택
답변대기
답변대기
채택
채택