У меня есть 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 сбрасывается, когда у вас есть родительский элемент с позицией, отличной от заданной по умолчанию, но я все еще не могу получить егоработа.