z-index로 순서 정렬할 때
단화한
안녕하세요, 요즘 그래프를 만들고 있는데요.
그래프 위로 떠야 하는 말풍선이 자꾸 가려집니다.;코드는 아래와 같은 식으로 dl은 float 시켜주고, dd는 position:relative
말풍선이 들어가는 div는 position：absolute, z-index:99해주었습니다.
ie8과 타 브라우저에서는 원하는 결과가 출력되는데 ie7이하에서는 뒤에 오는 dl에 말풍선이 가려집니다.
무엇이 문제일까요?
dl
dt8월/dt
dd
img src= alt=그래프
div말풍선/div
/dd
/dl
dl
dt9월/dt
dd
img src= alt=그래프
div말풍선/div
/dd
/dl
......
-
다크
저도 같은 문제로 고민하고 있는데.. 해결하셨나요?
-
은솔
position:relative를 dd가이니구 dl들을 감싸는 부분에 주는게 좋을것같은데요~
-
염소자리
부모 요소의 z-index 를 역순으로 넣어주셔요 ㅎㅎ
-
붕붕
position을 img와 말풍선의 div에 주심이..어떠하실런지요.
-
에가득
부모요소에도 position과 z-index를 주면 어쩐 일인지 모든 브라우저에서 위처럼 가려져 버립니다..ㅠ
-
솔로
ie 6-7의 경우 z-index 가 부모요소의 z-index 값에도 영향을 받는 버그가 있습니다.
고로 정확한 설명을 들이자면 글이 길어지므로 간단하게 말씀드리면
최상위로 뛰우고 싶은 오브젝트가 있을경우 그 부모요소 position:relative 와 z-index 를 함께 적용 시켜 줘야 합니다. -
바로찬글
말풍선이 각각의 그래프 옆에 떠야 하기 때문에 dd에 relative를 주었어요~