Изображение появляется над p-фоном, но за p-текстом в IE8

Question

Пример: http://jsfiddle.net/96GD7/1/

В IE8 красный p фон появляется позади изображения, но текст p находится сверху изображения.Каким-то образом изображение застряло между p и его фоном.

Кто-нибудь может сказать мне, почему это происходит?В IE7 все нормально.

Answer 1

, поскольку img рисует с помощью svg, в то время как html-код читает src из img, затем загружается после draw.as, поскольку эти два dom не расположены пространственно, тогда z-index "auto" будет рассчитываться по последовательности загрузки dom . (кроме того, это не только для ie8, но и для ff, chrome, opera ...).

чтобы исправить, укажите позицию стиля p: относительный.

Answer 2

попробуйте добавить следующие строки в стиль p

position:relative;
z-index:1000;