백그라운드 롤오버 이미지
Posted: 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>
<!-- HOME --><span id="home"><a href="문서.html"></a></span>
</bdoy>
위소스를 실행해서 ie6 ff 에서 이상없이 배경롤오버 하는것을 확인했는데
그곳 게시판에서는 무슨 문제가 있다고 하는것 같은데 영어라;; 끙~
http://www.webmasterworld.com/forum83/3682.htm
위소스를 그대로 사용해도 될까요?
다른 브라우져나 낮은버젼의 ie 에서도 동작하는지 더 넓게 적용할수 있는 소스가
있는지 이거 자꾸자꾸 질문하네요
롤오버는 배경에서는 할수없는것인줄 알았는데 알려진 블로그를 방문했다
롤오버이미지가 선택안되는것을 보고 계속 궁금했었는데 이참에 알려주시와요
가만히 있어도 땀나네요
시원한 팥빙수라도 한그릇 드심이...
아이프레임 때문에 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 에서도 동작하는지 더 넓게 적용할수 있는 소스가
있는지 이거 자꾸자꾸 질문하네요
롤오버는 배경에서는 할수없는것인줄 알았는데 알려진 블로그를 방문했다
롤오버이미지가 선택안되는것을 보고 계속 궁금했었는데 이참에 알려주시와요
가만히 있어도 땀나네요
시원한 팥빙수라도 한그릇 드심이...