css 질문드립니다.. 채택완료
비코즈
6년 전
조회 4,209
</p>
<p>.bxslider-wrap .bx-wrapper .bx-prev {left:50%; margin-left: -670px; background: url('/SkinImg/btn_left1.png') no-repeat 0 0;}
.bxslider-wrap .bx-wrapper .bx-next {right:50%; margin-right: -670px; background: url('/SkinImg/btn_right1.png') no-repeat 0 0;}
.bxslider-wrap .bx-wrapper .bx-prev{-webkit-transition : all 0.3s ease;
-khtml-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-ms-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease; visibility:hidden; opacity:0; filter: alpha(opacity=0);}
.bxslider-wrap .bx-wrapper .bx-next{-webkit-transition : all 0.3s ease;
-khtml-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-ms-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease; visibility:hidden; opacity:0; filter: alpha(opacity=0);}
.bxslider-wrap .bx-wrapper:hover .bx-prev{margin-left: -670px; visibility:visible; opacity:1; filter: alpha(opacity=100);}
.bxslider-wrap .bx-wrapper:hover .bx-next{margin-right: -670px; visibility:visible; opacity:1; filter: alpha(opacity=100);}</p>
<p>
@media screen and (max-width: 1340px) {
.bxslider-wrap .bx-wrapper .bx-prev {left:-45%; margin-left: -45%; }
.bxslider-wrap .bx-wrapper .bx-next {right:-45%; margin-right: -45%; }
.bxslider-wrap .bx-wrapper:hover .bx-prev{margin-left: -48%; visibility:visible; opacity:1; filter: alpha(opacity=100);}
.bxslider-wrap .bx-wrapper:hover .bx-next{margin-right: -48%; visibility:visible; opacity:1; filter: alpha(opacity=100);}</p>
<p>
css코드인데요... 투명함을 없애려면 어떤걸조정해야할까요..
마우스 오버해야지만 버튼이 나오는데...
마우스 오버없이도 버튼이 나와있는상태이고싶거든요 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
6년 전
코드 정리하면 아래와 같거든요. 거기서 삭제할 것 주석처리해놨어요
.bxslider-wrap .bx-wrapper .bx-prev {
left: 50%;
margin-left: -670px;
background: url('/SkinImg/btn_left1.png') no-repeat 0 0;
}
.bxslider-wrap .bx-wrapper .bx-next {
right: 50%;
margin-right: -670px;
background: url('/SkinImg/btn_right1.png') no-repeat 0 0;
}
.bxslider-wrap .bx-wrapper .bx-prev {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden; /* 이 줄 삭제 */
opacity: 0; filter: alpha(opacity=0); /* 이 줄 삭제 */
}
.bxslider-wrap .bx-wrapper .bx-next {
-webkit-transition: all 0.3s ease;
-khtml-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
visibility: hidden; /* 이 줄 삭제 */
opacity: 0; filter: alpha(opacity=0); /* 이 줄 삭제 */
}
.bxslider-wrap .bx-wrapper:hover .bx-prev {
margin-left: -670px;
visibility: visible;
opacity: 1; filter: alpha(opacity=100);
}
.bxslider-wrap .bx-wrapper:hover .bx-next {
margin-right: -670px;
visibility: visible;
opacity: 1; filter: alpha(opacity=100);
}
@media screen and(max-width: 1340px) {
.bxslider-wrap .bx-wrapper .bx-prev {
left: -45%;
margin-left: -45%;
}
.bxslider-wrap .bx-wrapper .bx-next {
right: -45%;
margin-right: -45%;
}
.bxslider-wrap .bx-wrapper:hover .bx-prev {
margin-left: -48%;
visibility: visible;
opacity: 1; filter: alpha(opacity=100);
}
.bxslider-wrap .bx-wrapper:hover .bx-next {
margin-right: -48%;
visibility: visible;
opacity: 1; filter: alpha(opacity=100);
}
}</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
비코즈
6년 전
감사합니다~~^^
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인