无法使用z-index更改图像的堆叠顺序

Question

如果我在页面上放置两个图像并使它们可拖动，我无法使用z-index更改堆叠顺序：

<img class='dragme'  src='http://s20.postimg.org/bixp6bh0p/clown.jpg' />
<img class='dragme' src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg ' />

也就是说，无论指定的z指数如何，cateye始终位于小丑之上。见http://jsfiddle.net/XQbLR/3/。

但如果我将图像放在div中（底部图像带有红色边框），那么我可以使用分配给div的z-index更改堆叠顺序。

有谁知道这里发生了什么？

由于

Answer 1

看起来您需要为您的图片提供CSS定义中引用的相应id。

<img class='dragme' id="clown" src='http://s20.postimg.org/bixp6bh0p/clown.jpg' />
<img class='dragme' id="cateye" src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg ' />

http://jsfiddle.net/XQbLR/4/