묻고답하기
css 마우스 오버 효과 질문
2014.03.18 13:15
안녕하세요?
xe 완전초보구요.
css 문법도 아무 것도 모르는 생초보입니다.
이 질문을 고수님들이 보면 웃을 지 모르지만
저에게는 절실해서 여쭤 봅니다.
.thumb_list_pic {border:3px #cccccc solid;}
위와 같이 이미지 썸네일이 3px 두께로 #cccccc 색으로 감싸고 있습니다.
여기에서 마우스를 오버 했을 때 테두리 색이 다른 색으로 변하게 하고 싶습니다.
다른 마우스 오버 효과의 css를 참고하여 해봐도 먹히질 않아서 도움을 청해 봅니다.
감사합니다.
댓글 10
-
DynamicLaser
2014.03.18 14:55
-
㉿반딧불
2014.03.18 20:52
관심 감사합니다.
제로보드4인데 이렇게 해도 안되네요.ㅠㅠ
-
DynamicLaser
2014.03.18 20:53
한번 홈페이지 링크 주실수있나요? CSS가 겹쳐서 생기는 문제일수도 있어요
-
㉿반딧불
2014.03.18 21:14
갤러리 썸네일에 적용된 전체 스타일시트 소스입니다.
밑줄 친 부분이 썸네일 부분입니다.
.thumb_list_border {padding:10 0 0 0}
.thumb_list_frame {padding:0 0 0 0}
.thumb_list_subject {color:#cccccc;font-size:12px;text-decoration:none;font-family:굴림}
.thumb_list_category{color:#a0a0a0;font-size:11px;text-decoration:none;font-family:굴림}
.thumb_list_name {color:#609060;font-size:12px;text-decoration:none;font-family:굴림}
.thumb_list_comment {color:#FF8200;font-size:10px;text-decoration:none;font-family:tahoma}
.thumb_list_date {color:#a0a0a0;font-size:10px;text-decoration:none;font-family:tahoma}
.thumb_list_hit {color:#FF8200;font-size:10px;text-decoration:none;font-family:tahoma}
.thumb_list_vote {color:#FF8200;font-size:10px;text-decoration:none;font-family:tahoma}
.thumb_list_position{color:#959595;font-size:11px;text-decoration:none;font-family:굴림}
.thumb_list_music {color:#b0c0b0;font-size:11px;text-decoration:none;font-family:굴림}
.thumb_list_pic {border:3px #cccccc solid;}
.thumb_licens {text-align:right;padding-right:1px;color:#2f2f2f;}
.thumb_list_lineSpace {height:24px}http://www.vandibul.net/bandiphoto.htm 입니다.
-
DynamicLaser
2014.03.19 09:35
제가 개발자도구로 CSS 넣어보니 잘 되고있습니다.
.thumb_list_pic:hover {border:3px solid #000;} 으로 했구요, 혹시나 수정해도 제대로 안되시면 CSS가 제대로 반영되어있는지 Ctrl+F5 눌러서 확인해보세요.
-
㉿반딧불
2014.03.19 15:15
고맙습니다.
말씀하신 대로 하니 크롬과 파이어폭스에서는 효과가 나타나는데
익스9에서는 효과가 나타나지 않습니다.ㅠㅠ
-
숭숭군
2014.03.18 21:50
.thumb_list_pic:hover{border:3px #555 solid!important;}
-
㉿반딧불
2014.03.19 15:15
숭숭군님, 감사합니다.*^_^*
-
銀童
2014.03.18 21:50
다른 레이어가 해당 부분을 가리고 있을수도 있습니다. 크롬 요소검사에서 가리고 있는지 확인해보세요. -
다큰왕자
2014.03.19 11:02
a 링크가 걸려 있으면 hover 가 안될 수 있으니 .thumb_list_pic a:hover 로 해보세요
.thumb_list_pic:hover
:hover -> 마우스 올릴때
:active -> 눌렀을때