2011-09-07 67 views
1

我有一个Z - 索引的div:1-100(javascript改变)和位置:绝对。里面,我有一个与Z指数:101和位置:绝对的HREF。即7-9不显示位置:绝对正确

所有webbbrowsers呈现这个作为一个与101显示在顶部(正确) 但在即7-8-9它doesnt ......为什么? 这里真的可以使用一些帮助!

CODE:

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

EDIT 2 新增的jsfiddle http://jsfiddle.net/Pesmd/18/,但无法得到它的工作,你只看到了图像略微,它在我的眉毛呃虽然

编辑3 这似乎是在IE中的一个主要问题,我已经尝试了解决方案,我发现没有结果。这里有没有可以帮助我解决这个问题的?

我知道,z-index属性重置,当你有一个父母与其他默认设置给他们的位置,但我仍然不能让它工作。

+0

你在IE中声明了一种文档类型? –

+0

ca你张贴jsfiddle吗? – Webars

+0

似乎无法让它在jsfiddle中工作http://jsfiddle.net/Pesmd/18/ – Jimmy

回答

0

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

0

为什么不把你的链接包裹在divs上呢?

<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索引:http://jsfiddle.net/kCsvG/3/