Html chrome和ie9上的图像堆叠渲染不同

Html chrome和ie9上的图像堆叠渲染不同,html,css,Html,Css,我有两个图像和一个jquery pic滑块堆叠在一起。基本上有三个图像相互叠加 这是我的代码,这是它们的呈现方式。你知道为什么吗 <a href='galeria.html'><img src='images/first.jpg' style='position:absolute' /><img src='images/second.png' style='position:absolute; z-index:100' /><div id='push'

我有两个图像和一个jquery pic滑块堆叠在一起。基本上有三个图像相互叠加

这是我的代码,这是它们的呈现方式。你知道为什么吗

 <a href='galeria.html'><img src='images/first.jpg' style='position:absolute' /><img src='images/second.png' style='position:absolute; z-index:100' /><div id='push' class='slideshow' style='z-index=-1'></div></a>


可能您还需要定义坐标。这样写:

img{
 position:absolute;
 top:0;
 left:0;
}

不是我干的。它把它放在最上面。你想要并排还是一个在另一个之上?白色的一个写着“少年西甲足球队”在“足球队”后面,然后幻灯片在它们之间。在白色的上面和透明的后面。