백그라운드 롤오버 이미지

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
yyymin
Posts: 39
Joined: 2003 09 26 20:33 20
Contact:

백그라운드 롤오버 이미지

Post by yyymin »

덥네요 후아~
아이프레임 때문에 yser님이 알려주신 사이트
http://miniwini.com/miniwinis/bbs/index ... d=4369&p=1
miniwini에서 글읽던중에 롤오버 내용을 보니
pseudo class를 이용해 배경롤오버를 할수있다 라는 어려운;; 내용이 나오는데
검색해서 아래와같은 소스를 얻었읍니다
http://www.webmasterworld.com/forum83/3682.htm

<head>
<style type="text/css">
#home a {
background: url(이미지) no-repeat top left;
width: 60px;
height:55px;
float: left;
clear: none;
margin: 0 5px;
}

#home a:hover {
background: url(이미지) no-repeat bottom left;
}
</style>
</head>


<body>
<!-- HOME --><span id="home"><a href="문서.html"></a></span>
</bdoy>

위소스를 실행해서 ie6 ff 에서 이상없이 배경롤오버 하는것을 확인했는데
그곳 게시판에서는 무슨 문제가 있다고 하는것 같은데 영어라;; 끙~
http://www.webmasterworld.com/forum83/3682.htm
위소스를 그대로 사용해도 될까요?
다른 브라우져나 낮은버젼의 ie 에서도 동작하는지 더 넓게 적용할수 있는 소스가
있는지 이거 자꾸자꾸 질문하네요

롤오버는 배경에서는 할수없는것인줄 알았는데 알려진 블로그를 방문했다
롤오버이미지가 선택안되는것을 보고 계속 궁금했었는데 이참에 알려주시와요

가만히 있어도 땀나네요
시원한 팥빙수라도 한그릇 드심이...
Last edited by yyymin on 2005 07 25 02:13 00, edited 1 time in total.
박민권
해커
해커
Posts: 724
Joined: 2005 01 31 22:33 55
Location: 대한민국
Contact:

저도 영어가 무지 딸려서 ㅡㅡ;

Post by 박민권 »

안되는 영어 단어랑 소스가지고 상황판단을 해봤을때 ㅡㅡ;

링크에 롤오버시 이미지가 교체되는 시간이 딜레이가 생겨서 서버에서 롤오버 이미지를 받아오기 이전에 공백기가 생기는 문제를 말하는 것 같습니다.

그러자 답변에서는 home에 배경을 주고 롤오버시 링크의 배경을 사라지게하여 home의 배경을 보이게 한다는 뜻 인것 같습니다.

<span id="home"><a href="home.html"></a></span>

이미지 전송이 늦어서 롤오버 이미지가 늦게 나타나는 부분에 대해서는 자바스크립트를 이용해서 미리 로드하는 방법도 있지요.
yyymin
Posts: 39
Joined: 2003 09 26 20:33 20
Contact:

Post by yyymin »

이걸로 본문에서 이미지는 모두 뺐는데
제대로 보일지는 모르겠네요
문제가 있는거 같기도 하고 헥헥 더워서
감사합니다 ^^
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest