즉, 위치를 표시하지 않음 7-9 : 절대적으로

저는 Z- 색인 : 1 - 100 (javascript로 변경) 및 위치 : 절대 값이있는 div가 있습니다. 그 안에는 Z- 인덱스가있는 href가 있습니다 : 101 및 위치 : 절대.즉, 위치를 표시하지 않음 7-9 : 절대적으로

모든 웹 브라우저는 101을 맨 위에 표시합니다 (정확하게) 하지만, 즉 7-8-9로 표시됩니다. 왜 그런가요? 정말 도움이 필요하십니까 !!

CODE :

 <div id="bannerad"> 
    <a target="_blank" style="position:absolute;z-index:101;width:680px;height:120px;" class="mcdFade" href="http://www.mcdonalds.se"></a> 
    <div id="fadea" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/1.jpg" width="800" height="120" alt="Fade"/></div> 
    <div id="fadeb" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/2.jpg" width="800" height="120" alt="Fade"/></div> 
    <div id="fadec" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/3.jpg" width="800" height="120" alt="Fade"/></div> 
    </div>

편집

편집 2 추가 jsfiddle http://jsfiddle.net/Pesmd/18/하지만 일하러 가야하지 못할 경우에만 볼 비주얼 스튜디오에 의해 생성

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

이미지가 약간, 내 눈썹에서 작동합니다. 어쨌든

편집 3 이것은 IE의 주요 문제인 것처럼 보입니다. 결과없이 발견 된 해결책을 시도했습니다. 이 문제로 나를 도울 수있는 no1이 있습니까?

내가 아는 바에 따르면 부모 위치에 다른 부모 위치가있을 때 z- 인덱스 속성이 재설정되지만 기본 설정은되지만 여전히 작동하지 않습니다.

출처

2011-09-07 Jimmy

IE에서 문서 유형을 선언 했습니까? –

캘리포니아에 jsfiddle 게시 하시겠습니까? – Webars

캔트가 jsfiddle에서 작동하는 것처럼 보입니다. http://jsfiddle.net/Pesmd/18/ – Jimmy

표시 할 앵커를 설정하십시오. 블록이 작동하는지 확인하십시오. 그런 다음 테스트 할 때 요소에 큰 3 픽셀 녹색 테두리를 추가하면 더 잘 볼 수 있습니다.

출처

2011-09-07 22:13:26

왜 div 주위에 링크를 감쌀 수 있습니까?

<div id="bannerad"> 
    <a target="_blank" style="position:absolute;z-index:101;width:680px;height:120px;" class="mcdFade" href="http://www.mcdonalds.se"> 
     <div id="fadea" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/1.jpg" width="800" height="120" alt="Fade"/></div> 
     <div id="fadeb" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/2.jpg" width="800" height="120" alt="Fade"/></div> 
     <div id="fadec" style="position:absolute;visibility:hidden;"><img src="Images/Ads/McDHstad/3.jpg" width="800" height="120" alt="Fade"/></div> 
    </a> 
</div>

편집 : 나는 당신의 바이올린 쳐다 보면서 작동했다. 그것은 당신이가는 것과는 다른 디자인이지만, 간단하고 z- 인덱스에 대해 걱정할 필요없이 일을 끝낼 수 있습니다 : http://jsfiddle.net/kCsvG/3/

출처

2011-09-07 22:27:18 gilly3

즉, 위치를 표시하지 않음 7-9 : 절대적으로

답변

관련 문제