在CSS中叠加显示背景图像

时间:2012-02-04 13:21:30

标签: jquery html css internet-explorer-7

我正在尝试在CSS的叠加层顶部显示图像。图像也在包装内。

代码在IE 8,Firefox和其他较新的浏览器中运行良好,图像“闪亮”成功,但是,在IE 7中,图像堆栈在.overlay下面,而不是它应该如何堆叠。

我已经用我的确切问题创建了一个JSFiddle。橙色背景是.wrapper,图像是.image中的图像标记,而.overlay是透明背景。

JSFiddle网址为:http://jsfiddle.net/7Lvus/

我“照亮”图像的方式是将z-index:4放在.image上

任何人都知道如何在IE 7中正常工作(我正在测试IE 8兼容模式)

谢谢

1 个答案:

答案 0 :(得分:1)

这样的意思是:jsfidle

将叠加层放置在包装器内部或外部链接中,IE7似乎不适用于来自不同继承级别的重叠z索引