即7-9未显示位置：正确正确
[英]Ie 7-9 not displaying position:absolute correctly
问题描述
我有一个z-index：1-100（使用javascript进行更改）和position：absolute的div。 在里面，我有一个带有z-index：101和position：absolute的href。
所有webbbrowsers都将其呈现为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中的一个主要问题，我已经尝试过发现没有结果的解决方案。 这里没有可以帮助我解决这个问题的吗？
我所知道的，当您有一个父母的职位重置其默认设置时，z-index属性会重置，但是我仍然无法使其正常工作。
2 个解决方案
解决方案1
0 2011-09-07 22:13:26
将锚设置为display：block看看是否可行。 然后在测试时在元素上添加一个3px的绿色大边框，以便更好地查看它。
解决方案2
0 2011-09-07 22:27:18
为什么不只是将链接环绕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/
CSS 位置：绝对不能在 IE11 上正确显示
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.