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를 주었어요~
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
| 2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
| 2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
| 2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |