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

간단한 이미지 오버 메뉴

작성자 공대여자

작성 : 2009-08-02 00:44 조회 : 114
지남 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	4680
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	14216
공지	[공지] 기술 게시판	mins01	06/24 15:10	14410

일	월	화	수	목	금	토
4.28	4.29	4.30	5.1	5.2	5.3	5.4
5.5	5.6	5.7	5.8	5.9	5.10	5.11
5.12	5.13	5.14	5.15	5.16	5.17	5.18
5.19	5.20	5.21	5.22	5.23	5.24	5.25
5.26	5.27	5.28	5.29	5.30	5.31	6.1