我有一个带有 z-index:1-100(用 javascript 改变)和位置:absolute 的 div。在里面我有一个带有 z-index:101 和 position:absolute 的 href。
所有 webbbrowsers 都将其呈现为带有 101 的浏览器显示在顶部(正确) 但在 ie 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 中的一个主要问题,我已经尝试了我找到的解决方案,但没有结果。这里有没有人可以帮助我解决这个问题?
据我所知,当您的 parent 的位置不是默认设置时,z-index 属性会重置,但我仍然无法让它工作。
最佳答案
将 anchor 设置为 display:block 看看是否可行。然后在测试时在元素上添加一个 3px 的大绿色边框,这样您就可以更好地看到它。
关于css - 即7-9不显示位置:absolute correctly,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7331756/