a:hover에 관해서 질문좀 드릴꼐요~
율하
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko
head
title New Document /title
meta http-equiv=Content-Type content=text/html; charset=euc-kr /
title##/title
style type=text/css
a:hover{background:url(../images/help/lms02_on.gif) no-repeat;}
/style
/head
body
div class=main_nav2
pa href=img src=../images/help/lms02_off.gif alt=회원가입 //a/p
/div
/body
/html
소스는 다음과 같은데요 지금 현재는 lms02_off.gif가 링크가 걸린 상태로 이미지가 깔려있는데요 그 링크걸린부분에
마우스를 대면 lms02_on.gif를 그자리에 바꿔치기 해야하는데 영 안되네요~뭐가 문제인가요ㅠㅠ??
혹시 몰라서 파일도 경로 그대로 추가했습니다. 저에게 헬퍼가 되어주세요,.ㅠㅠ
-
달달항사탕
저도 똑같이 한번 해봤는데 우선 ff에서 alt부분에 attribute alt 란 오류가 떳고 ie 6,7 에선 먹히지 않는 현상이...
alt를 title로 바꿔주니 파폭 오류 해결되고 hover부분에 url담에 한 칸 띄어주고 no-repeat을 해주니 ie 6,7에서도 링크가 변화되더군요. -
은소라
우와 최고에요!!!!!!!!!!!!!!!!!꺄!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!성공했어요!!!!!!!!!!!!!!!!!
-
라미
수다님이 코드까지 적어주셨네요^^
-
사지타리우스
a 태그의 hover시에 a 태그의 자식 요소인 img 엘레멘트의 src속성의 값을 바꿔주는 방식으로해결 해야 합니다.
css 만으로 한다면 off 이미지도 a의 background 속성으로 정의되야합니다. -
연블루
작동은 잘됩니다!! 그런데요 수다님 파폭에서 확인해보니까 파버그 뜨는데요 alt값 위치가 오류가 나는데요 어디에 넣어야할까요??
-
중독된
이미지 밑에 깔려서 안보이겠네요.
a href=\\ class=\btn\ alt=\회원가입\/a
HTMO은 이렇게 하고 CSS는
style type=\text/css\
a.btn{display: block;width:20px;height:20px;background:url(../images/help/lms02_off.gif) no-repeat;}
a.btn:hover{background:url(../images/help/lms02_on.gif) -
하늘이
a 태그를 display:block 해주시고 깔아보세요 ~
-
텃골
css로 이미지를 바꾸시려면 원래 img... 가 아닌 텍스트에 배경으로 이미지를 깔았어야 할 듯 합니다.
---------------------------
style type=\text/css\
#login{display:block;overflow:hidden;width:171px;height:42px;background:url(../images/help/lms02_off.gif);text-indent:-5000px}
#login:hover{b -
글고운
ㅠ_ㅠ뭘 잘못했는지 안되네요.ㅠㅠ밑으로 깔리나..
-
모드니
안된다면 hover 적용이 안된다는건데 no-repeat 까지만 하지마시고 어디서부터 이미지를
출력하겠다 라고도 해주셔야합니다
no-repeat left top 해석) 이미지는 반복하지 않으며 왼쪽 상단에서 이미지를 출력한다-
라고 작성해야 맞구요- 경로도 확인 해보시구여..^^