jquery - 为什么我的 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 中)设置为比其他元素更高的数字。