Css Ie 7-9未显示位置：绝对正确_Css_Internet Explorer_Position_Z Index_Absolute

Css Ie 7-9未显示位置：绝对正确

css internet-explorer

Css Ie 7-9未显示位置：绝对正确,css,internet-explorer,position,z-index,absolute,Css,Internet Explorer,Position,Z Index,Absolute,我有一个div，z-index:1-100（用javascript更改）和position:absolute。里面有一个a href，z-index:101，position:absolute 所有浏览器都会将其渲染为顶部显示有101的浏览器（正确）但在ie 7-8-9中它不。。。为什么呢？我真的需要一些帮助代码：编辑 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or

我有一个div，z-index:1-100（用javascript更改）和position:absolute。里面有一个a href，z-index:101，position:absolute

所有浏览器都会将其渲染为顶部显示有101的浏览器（正确）但在ie 7-8-9中它不。。。为什么呢？我真的需要一些帮助

代码：

编辑

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

由VisualStudio生成

编辑2 添加了JSFIDLE，但无法使其工作，您只能看到轻微的图像，但它可以在我的浏览器中工作

编辑3 这似乎是IE中的一个主要问题，我尝试了我找到的解决方案，但没有结果。这里有没有能帮我解决这个问题的方法

据我所知，如果父对象的位置不是默认设置，则z-index属性将重置，但我仍然无法使其工作。

将锚点设置为display:block查看是否有效。然后在测试时在元素上添加一个大的3px绿色边框，以便您可以更好地看到它。

为什么不将链接环绕在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的情况下完成工作：

您在IE中声明了文档类型吗？似乎无法在JSFIDLE中使用它。很抱歉，但它太复杂了，我不想花时间来修复它。我已经删除了我的答案。看这个问题-检查一下，我看不到这些问题的相似之处。他们的问题在于位置：相对的；在绝对位置内，反之亦然。

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