테스트 사이트 - 개발 중인 베타 버전입니다

메뉴 마우스 오버시 투명도에 대해 궁금한게 있어요.. 채택완료

툥이 9년 전 조회 4,450

.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;opacity:0.4;filter: Alpha(opacity=40);}

.gnb_1dli_air .gnb_1da {background-color:#fff;color:#111}

.gnb_1dli_on .gnb_1da {background-color:#fff;color:#111}

 

이런식으로 오버시 투명하게 했는데 글자 색상까지 흐려지더라구요.. 백그라운드만 흐려지게 할순 없는건가요..? 도와주세요!

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
9년 전

background-color: rgba()를 사용해 보세요. 여기서 a가 투명도입니다.. 

 

.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;background-color: rgba(54, 25, 25, .4);}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인