루리위키 | 구독자 8명 | 루리위키

Z-index값을 음수로 넣어 Tabber를 삽입하기(+그림 클릭 방지하기)





제가 만들고있는 도타 영웅탭인데

그림 겹치기를 알게되어서

뒷배경에 위에 영웅사진넣고 그 영웅사진위에 아이콘과 이름을 넣어봤습니다.

확실히 엄청 깔끔하고 좋아진 것 같아요.


근데 Tabber기능도 활용하고싶었는데

Tabber는 별도의 스타일을 주지 못하는 문제가 있습니다.


img/23/11/01/18b8a70b47357d162.png


그래서 뒷배경에 Z-index값을 음수로 줬더니 별도의 Z-index값 할당없이 Tabber가 뒷배경위로 튀어나왔습니다.

Z-index값을 음수로 넣는 방법을 알았으니 문서 꾸미기가 좀 쉬워지겠네요.


근데 Tabber를 넣으니까 스크롤바가 생겼는데, 이건 왜 생겼는지 잘 모르겠습니다.



+)

z-index값이 0이하면 그림 클릭도 방지해주네요.

유용하게 쓸만한 기능인 것 같습니다.

로그인하고 댓글 작성하기
루리웹 오른쪽
루리웹 유머
루리웹 뉴스 베스트
PC/온라인
비디오/콘솔
모바일

루리웹 유저정보 베스트