jquery - 当 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 仅适用于定位元素(position:absolute、position:relative 或 position:fixed)