css 롤오버 질문입니다.도와주세요ㅠ a:hover
영동교
1. 2.
3.
그림처럼요 보시면 신상정보에 이거는 이미지 이름이 dotted.gif 이구요
마우스 오버되면 on_dotted.gif로 바뀌어야 되는데 2번처럼 dotted.gif가 위로 깔리네요
제가 원하는거는 1번에서 롤오버를 하면 3번처럼 바뀌어야 되는건데요ㅠ
아래 해당하는 css올립니다. 좀 도와주세요!!ㅠ
.table_wrap{margin:15px 0 20px 15px;}
.table_wrap .tb_date tr th{padding:7px 0 7px 5px; text-align:left; background:url(../images/common/th_bg2.gif) repeat-x; border:1px solid #56a911; font-weight:bold;}
.table_wrap .tb_date tr td{padding:7px 0 7px 10px; text-align:left; background:#56a911; border-bottom:1px solid #40910e;}
.table_wrap .tb_date .leftdot{background:url(../images/common/dotted.gif) no-repeat left center;}
.table_wrap .tb_date tr td a:link, .table_wrap .tb_date tr td a:visited{text-decoration:none; color:#ffffff;}
.table_wrap .tb_date tr td a:hover{text-decoration:none; color:#ffffff; background:#356e03 url(../images/common/on_dotted.gif) no-repeat left center; border:1px solid #2c5d01; padding:5px; font-weight:normal;}div class=table_wrap
table cellspacing=0 cellpadding=0 class=tb_date width=920
tbody
tr
tda href=/user002_info?depart=user_002_032_selectallspan class=leftdot 신상정보/span/a/td
/tr
/tbody
/div
-
리네
span 빼시구 a요소에 스프라이트기법 쓰시면 문제해결... a가 감싸고 있는 span에 백그라운드가 지정되었으니 의도하지 않게 표현되는거 같네요.
-
민트
윗 분들 말씀은 span은 빼시고 a 태그에 백그라운드를 주신 후에 a:hover에서 바꾸라는 말이에요~
.table_wrap .tb_date td a {background:url(../images/common/dotted.gif) no-repeat left center;}
.table_wrap .tb_date td a:hover {text-decoration:none; color:#ffffff; background:#356e03 url(../imag -
가장
동작원리에요. 코딩 5번째줄 보시면
.table_wrap .tb_date .leftdot{background:url(../images/common/dotted.gif) no-repeat left center;}
이부분이 leftdot의 배경에 넣으셔서 고정되었습니다. 허나 롤오버를 하고싶으시면
a:link / a:visited / a:hover / a:active 4가지 가지고 롤오버를 만드셔야 할듯합니다.
기본 / 클릭후 / 오버시 / 누른상태 -
PrinceSs
저는 이해가 안가용~
-
꿈
dotted.gif를 .leftdot에다가 주지 마시고 a태그에 주면 되요~