图像显示在p背景上方，但在IE8中的p文本后面

Question

示例：http://jsfiddle.net/96GD7/1/

在IE8中，红色p背景在图像后面显示，但p文字位于图像顶部。不知何故，图像卡在p及其背景之间。

有人能告诉我为什么会这样吗？在IE7中似乎没问题。

Answer 1

尝试将以下行添加到p style

position:relative;
z-index:1000;

Answer 2

因为img是用svg绘制的，而html代码读取img的src，然后在draw之后加载。这两个dom不是空间位置，那么z-index“auto”将由dom加载序列计算（此外，这不仅适用于ie8，还适用于ff，chrome，opera ......）。

修复，给出p风格的位置：relative。