当ie7 ie8下面有一个IMG标签时，我的div标签是不可点击的

Question

让事情简单化

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的中心在ie？

中无法选择且无法察觉

编辑：

很抱歉，jsfiddle和stack

上的代码现在相同

Answer 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-index仅适用于定位元素（位置：绝对，位置：相对或位置：固定）

Answer 2

我建议给你的链接一个更大的z-index值：

a{
z-index:12;
}

Answer 3

将图片的z-index更改为-1，它将起作用：http://jsfiddle.net/kPtkd/1/