为什么我的DIV叠加不起作用？

Question

在我的网站http://www.robertbradley.co.uk/gallery/portrait-photography/上有一个小的预加载器图像加载 - 虽然它的CSS属性是绝对的 - 它接缝被放在下一个加载的div后面

使用的代码是

DIV

<div id='preloader2'>
<img src="<?php echo THEMEROOTURL; ?>/img/preloader.gif">
</div>

CSS

#preloader2 {
    position:absolute; 
    left:50%; 
    top:50%; 
    margin:-15px 0 0 -15px;
    width:30px;
    height:30px;
    opacity: 0.6; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

有人可以帮帮我吗？

更新：听起来很奇怪，但我需要让我的预加载器留在前面，这样我可以在点击图像后隐藏/取消隐藏它

由于

Answer 1

将绝对定位元素的z-index（在CSS中）设置为比其他元素更高的数字。