Т.е. 7-9 не отображает положение: абсолютно правильно - PullRequest
Новая
       48

Т.е. 7-9 не отображает положение: абсолютно правильно

1 голос
/ 07 сентября 2011

У меня есть div с z-index: 1-100 (изменяется с помощью javascript) и позиция: абсолютная.внутри него у меня есть href с z-index: 101 и позицией: absolute.

Все веб-браузеры отображают это, так как тот, у которого 101, отображается сверху (правильно), но в 7-8-9 это не так... это почему?Могли бы действительно помочь здесь !!

КОД: 

     <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>

РЕДАКТИРОВАТЬ 

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

, сгенерированный Visual Studio

РЕДАКТИРОВАТЬ 2 Добавлен jsfiddle http://jsfiddle.net/Pesmd/18/ но не могу заставить его работать, вы видите только изображение немного, оно работает в моем браузере, хотя

Редактировать 3 Это, кажется, главная проблема в IE, я пробовал решения, которые нашел безрезультатно.Есть ли здесь 1, который может помочь мне с этой проблемой?

Что я знаю, свойство z-index сбрасывается, когда у вас есть родительский элемент с позицией, отличной от заданной по умолчанию, но я все еще не могу получить егоработа.

Ответы [ 2 ]

0 голосов
/ 08 сентября 2011

Почему бы просто не обернуть вашу ссылку в 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-index: http://jsfiddle.net/kCsvG/3/

0 голосов
/ 08 сентября 2011

установить привязку для отображения: блок посмотреть, если это работает. Затем добавьте большую зеленую рамку размером 3 пикселя в элемент во время тестирования, чтобы вы могли лучше ее видеть.

...