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

간단한 이미지 오버 메뉴

작성자 공대여자

작성 : 2009-08-02 00:44 조회 : 424
지남 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	87722
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	93386
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	95819
1739	x.com (구 트위터) - 트윗 특이사항 - 수정 내역 new #x #트위터	공대여자	26-05-1205-12	9
1738	첨부파일 다운로드 해더에서 파일명 지정 방법 new #filename	공대여자	26-05-1105-11	9
1737	도메인 등록 대행자 등록 수수료 및 서비스 new 1 #domain	공대여자	26-05-1105-11	9
1736	ffmpeg 명령 샘플 new #ffmpeg	공대여자	26-05-0605-06	25
1735	srcset 관련 #img #srcset	공대여자	26-04-2304-23	41
1734	DOMMatrix 1 #js #dommatrix	공대여자	26-04-1604-16	86
1733	transform 의 순서 #css #transform	공대여자	26-04-1304-13	74
1732	ui-transform-tool v2 1 #ui #transform	공대여자	24-12-3112-31	85
1731	iconifier.net favicon 과 apple-touch-icon 변환 사이트 #favicon	공대여자	26-03-2003-20	71
1730	검색엔진 별 사이트 등록 #seo	공대여자	26-03-1703-17	98
1729	attachShadow, shadowroot 사용시 css 의 특수 셀렉터 #css #shadowroot	공대여자	26-03-1703-17	121
1728	import로 css와 json 가져오기. 1 #import #css	공대여자	26-03-1703-17	103
1727	EyeDropper API 2 #eyedropper #colorpicker	공대여자	26-03-1703-17	103
1726	hsl 에서 lightness 기준으로 white/black 컬러로 설정하기. #hsl	공대여자	26-03-1703-17	90
1725	SSL/TSL 정책 유효기간 단축 일정 1 #ssl #tsl	공대여자	26-03-1603-16	123