수다닷컴

IE에서 z-index가 적용되지 않는 문제예요

총알탄 2026.05.11 댓글 7

이벤트 페이지에서 사은품을 누르면 상품이 보이고, 돋보기를 클릭하면 상세 보기가 레이어로 떠요.
파이어폭스에서는 레이어가 위로 잘 올라오는데 IE에서는 다음 상품과 겹칩니다.
z-index를 100으로 주거나 상품 li와 이미지에 값을 줘도 해결이 안 돼요.
li에는 position: relative, 상세 보기 div에는 position: absolute를 적용했어요.

댓글 7

  • 물 2026.05.11

    li 순서를 반대로 넣으니 상세 페이지가 첫 번째 줄 아래로 내려가네요.
    li가 두 줄이라 해결이 어려워서 상세 페이지를 li 밖으로 빼서 처리했어요.

  • 빛길 2026.05.11

    각 상품을 담는 li에 역순으로 값을 넣어주셔야 할 거예요.

  • 어른처럼 2026.05.11

    ul.goods li에 한꺼번에 z-index: 100을 주는 방식은 안 되고요.
    각 li에 z-index를 역순으로 지정해야 할 거예요.

  • 별햇님 2026.05.11

    li에 주면 되는 거군요 ㅎㅎ

  • 세여닝 2026.05.11

    ul에도 z-index 값을 줘야 해요.
    IE에서는 부모 요소의 z-index 값에 영향을 받는 문제가 있어요.

  • 튼튼 2026.05.11

    아, ul에도 줘야 하는군요. 감사합니다. 적용해 볼게요^^

  • 다미 2026.05.11

    ul에 줘도 해결되지 않으면 다음 상품과 같은 단계에 있는 요소의 z-index 값을 바꿔 보세요.