2011-03-12 27 views
0

让我们uncomplicate事情我div标签是不可点击的时候有一个IMG标签的下面在IE7 IE8

http://jsfiddle.net/Hh7Mn/

<div style="width:100px; height:200px; border:10px solid; cursor:pointer; position:absolute; z-index:99;">dsdsfdsfsdfdsfdsf</div> 



<img style="z-index:0;" id="default_image" src="http://www.takeprideinutah.org/wp-content/uploads/2009/04/trees.jpg" alt=""/> 

为什么div的中心不可选择和检测不到即?

编辑:

对不起代码现在是两个的jsfiddle相同和叠加

+0

你能提供一个屏幕截图或当前结果的图像吗?评估你的问题会容易得多。 –

+0

...或指向该页面的链接将有所帮助。 –

+0

你的jsfiddle与你问题中包含的代码完全不同。我们如何准确测试? – Alex

回答

0

变化图像为-1的z-index,它会工作:http://jsfiddle.net/kPtkd/1/

+0

谢谢。工作在ie7但不ie8 – Adam

+0

嗯这就奇怪,因为我在IE8测试,它的工作,现在它只能在IE8兼容模式下工作。这可能是JSFiddle的一个问题,我有时会遇到它和IE的问题。无论哪种方式,它可能是奇怪的 – Alex

+0

。 IE现在让我哭了。 – Adam

0

我建议给你的链路具有更大的z-index值:

a{ 
z-index:12; 
} 
+0

在我的代码中,它们被设置为999 – Adam

1

您需要声明在使用z-index时的位置。

<img style="z-index:0;position:relative;" id="default_image" src="http://www.takeprideinutah.org/wp-content/uploads/2009/04/trees.jpg" alt=""/> 

z索引仅适用于定位元素(位置:绝对的,位置:相对的,或位置是:固定)

+0

,声明它不起作用。看看呃jsfiddle例子 – Adam

+0

是的,这是行不通的。它也没有说明为什么边界可以选择。 – Adam