백그라운드 롤오버 이미지

yyymin · Post by **yyymin** » 2005 07 24 16:45 55

덥네요 후아~
아이프레임 때문에 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>
<span id="home"><a href="문서.html"></a></span>
</bdoy>

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

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

가만히 있어도 땀나네요
시원한 팥빙수라도 한그릇 드심이...

박민권 · Post by **박민권** » 2005 07 24 23:55 36

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

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

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

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

이미지 전송이 늦어서 롤오버 이미지가 늦게 나타나는 부분에 대해서는 자바스크립트를 이용해서 미리 로드하는 방법도 있지요.

yyymin · Post by **yyymin** » 2005 07 25 23:28 48

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

Mozilla 한국 커뮤니티

백그라운드 롤오버 이미지

백그라운드 롤오버 이미지

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

Who is online