묻고답하기
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 로 해보세요
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
화랑529 | 게시판DX 일정 수 신고 받을 시 다른 게시판으로 이동하는... | |
마흔즈음에 | 레이아웃 복사가 안됩니다. | |
가르크 | 갑자기 보드가 깨지고 설치도 안되네요. | |
JAYLEEKOREA | 메인페이지 css가 적용 안된 것 같아요. [3] | 2015.01.28 by imagineshop |
검푸 | 데이터 들여오기 속도가 너무 느려요. | |
bi_ | XE 기본로드 CSS,JS 끄는법 | |
박한솔ㅁ | 리눅스 기반 웹개발에 대해서 | |
세상의모든계산기 | 일반 php에서는 작동하는 script 가 XE에서는 작동하지 않습니다. [8] | 2015.01.28 by 세상의모든계산기 |
짱가797979 | 서버이전 방법에 대해서 여쭤보고 싶습니다. [1] | 2015.01.28 by 꾸링 |
미키쿤 | 브라우져에따른 속도차이 [3] | 2015.01.28 by 숭숭군 |
비밀얌 | 게시판 익명체크박스 [1] | 2015.01.28 by 숭숭군 |
간지횽 | 슬라이드 위젯관련.. [2] | 2015.01.28 by 간지횽 |
XESTUDIO | 세부메뉴 하이라이트 속성 active a:first-child { [3] | 2015.01.28 by 2donggalbi |
난나야9 | 설치시 항상 "대상 파일이 이미 존재함" 몇가지 파일이 뜨는 이유? | |
비밀얌 | 첨부 이미지 간편하게 보이게 없나요? [2] | 2015.01.28 by 비밀얌 |
컴박살 | 유튜브의 동영상 시간 타임을 얻어 오는 식은 없을까요? [2] | 2015.01.28 by 컴박살 |
Kxo | 이 문법이 잘못된 건가요??? [2] | 2015.01.27 by Kxo |
아가포세 | XE 1.7.9에서 HTML5로 설정하는 방법??? [1] | 2015.01.27 by YJSoft |
스타111 | 통합검색문제요 [1] | 2015.01.27 by 숭숭군 |
마키치노 | VB.NET에서 XE 사이트에 글쓰기인데 잘 안되네요.. [11] | 2015.01.27 by 마키치노 |
.thumb_list_pic:hover
:hover -> 마우스 올릴때
:active -> 눌렀을때