read : 간단한 이미지 오버 메뉴 : 기술 #html::공대여자홈

간단한 이미지 오버 메뉴

작성자 공대여자

작성 : 2009-08-02 00:44 조회 : 399
지남 1일간

2009-08-02 - 2009-08-02

좌표
첨부된 파일이 없습니다.

#html

단순하게 hover 를 사용한 것.

테스트결과 IE6에서.. 도저히...사용 못할 정도임.

@charset "utf-8";
/* CSS Document */
.cssMenuOver{
}
.cssMenuOver .menuN{
 background-repeat:no-repeat;
 display:block;
 float:left;
 cursor:pointer;
 margin-right:5px;
}
.cssMenuOver .menuO{
 background-repeat:no-repeat;
 display:block;
 background-position:0 200px; /*이미지 위치변경으로 안보이도록*/
}
.cssMenuOver .menuN:hover{
 background-position:0 200px; /*이미지 위치변경으로 안보이도록*/
}
.cssMenuOver .menuN:hover .menuO{
 background-position:0 0; /*이미지 위치변경으로 보이도록*/
}

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

목록형 📅 달력형

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	73110
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	80258
공지	[공지] 기술 게시판	mins01	06/24 15:10	81868