툴팁 용 IE7에서 z- 인덱스와 관련된 문제

다른 모든 브라우저 (IE8 포함)에서 올바르게 작동하는 jQuery 툴팁이 있지만 팝업이 페이지 내용 아래에 있습니다.툴팁 용 IE7에서 z- 인덱스와 관련된 문제

#datasearch2-tooltip .tipBody 
{ 
    background-color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px; 
    margin-top: -18px; 
    padding: 10px; 
    -moz-box-shadow: 10px 0 0 15px #000; 
    -webkit-box-shadow: 0 0 15px#000; 
    box-shadow: 0 0 15px #000; 
    z-index: 9999; 
}

z- 색인 9999는 다른 브라우저에서와 마찬가지로 위의 툴팁을 모든 내용 위로 설정해야합니다. 아무도 아이디어가 없나요?

출처

2013-08-06 Matt

HTML 문제. 귀하의 질문에 그것을 추가하십시오. –

부수적으로, border-radius와 box-shadow는 IE7에서 작동하지 않습니다. 그리고'# datasearch2-tooltip'에는 어떤 z-index가 있습니까, 아니면 그 부모입니까? – putvande

당신은 position 규칙을 추가해야합니다 :

#datasearch2-tooltip .tipBody 
{ 
    background-color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px; 
    margin-top: -18px; 
    padding: 10px; 
    -moz-box-shadow: 10px 0 0 15px #000; 
    -webkit-box-shadow: 0 0 15px#000; 
    box-shadow: 0 0 15px #000; 
    z-index: 9999; 
    position: relative; 
}

z-index 만

는 Z- 인덱스에 대한 추가 정보를 원하시면 this page를 살펴 보자 (position: static 이외의) 위치가 설정되어 요소에 영향을 미칩니다

출처

2013-08-06 20:59:03

'position : relative;'를 설정했지만 문제는 계속 발생합니다. – Matt

@Matt는 겹칠 다른 요소에 추가 했습니까? –

툴팁 용 IE7에서 z- 인덱스와 관련된 문제

답변

관련 문제