고정 헤더를 사용했을때 슬라이더 이미지 겹쳐보이는 문제(Slider overlap the fixed header) 이미지 슬라이더의 z-index 보다 고정 헤더(fixed header)의 z-index를 더 크게 하면 해결됩니다. 슬라이더가 아닌 다른 레이어가 고정 헤더와 겹쳐 보인다 해도 해결 방법은 똑 같습니다. 예제) <!DOCTYPE HTML> <HTML> <HEAD> <TITLE>웹마당넷</TITLE> <style> #header { position: fixed; width: 100%; height: auto; z-index: 100; } .slider{ position:absolute; width:160px; height:160px; background:url('../img/background.png') no-repeat; overflow:hidden; cursor:pointer z-index:50; } </style> </HEAD> <BODY> <!--- 생략 ----> </BODY> </HTML> |
|
|