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

[바선생]

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

그림 겹치기를 알게되어서

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

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

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

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

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

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

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

+)

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

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