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) #기본형	공대여자	24-02-0602-06	73110
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	80258
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	81868
1722	forEach 에서 Promise 사용시 주의 사항 #foreach #promise	공대여자	26-01-1801-18	51
1721	js-pointer-event-scrollbar-handler 1 #scroll	공대여자	26-01-0901-09	87
1720	CSS nesting 테스트 1 #css #nesting	공대여자	26-01-0501-05	91
1719	css color space 1 #css #color-space	공대여자	25-12-2212-22	132
1718	OKLCH 1 #cs #oklch	공대여자	25-12-2212-22	109
1717	부트스트랩5 용 :focus 강조 스타일 #css #부스트스랩	공대여자	25-12-1912-19	147
1716	scrollbar-gutter 1 #css #scrollbar	공대여자	25-12-1912-19	158
1715	ui-text-highlighter 1 #highlight	공대여자	25-12-1112-11	163
1714	css color-mix() 1 #css	공대여자	25-12-1012-10	122
1713	윈도우에서 wsl 설치 #wsl	공대여자	25-12-0412-04	139
1712	ui-boardgame baduk 2 #ui #boardgame #baduk #go	공대여자	25-11-1311-13	436
1711	canvas context2D 에서 getImageData 사용을 자제하자. #canvas	공대여자	25-11-1011-10	195
1710	ui-boardgame 2 #ui #boardgame #chess	공대여자	25-10-3010-30	315
1709	UI timeline 1 #ui #timeline	공대여자	25-10-2710-27	271
1708	openstreetmap.org 상업적으로 사용가능한 무료 지도 1 #map	공대여자	25-10-1410-14	301