css - 如何清除css背景透明？

Question

我不知道它是怎么发生的，对于我的一生，我无法解决。

我有一个使用display隐藏的div:none;

当用户单击时，我设置display:块，它显示一个新层。

问题是所有文本都从其后面的图层显示出来...如何强制后面的div不透明？

我没有在CSS中设置透明度或不透明度。

我显示的图层仅具有以下设置:

.display { 
    background: rgb(255, 255, 255) url(/template/mobile/images/dot.gif) repeat left top;
    display:none; 
    width: 250px; 
    height:100px; 
    border: 1px solid rgb(20, 20, 20);
    margin-left: -5px;
    margin-top: -100px;
    float: left;
    z-index: 999;

}

如你看到的:
我尝试使用1px背景图片-仍然透明
我将背景色设置为白色-仍然透明
我尝试设置z-index，使其位于一切之上-仍然透明

我不知道为什么会这样以及如何阻止它？？？

注意:我已经停用了实时站点，可以在 http://dev.cutmyhair.com.au/search_results.php?keyword=waverley的测试中查看此代码。
注意:此问题仅在网站的.mobi版本上发生(因此，您需要在手机上或使用mobi模拟器查看它)

Answer 1

我能够使用FF3和IE8重现此内容。

您需要将位置设置为绝对或相对。

.display { 
    position: absolute;
    ...
}

要么

.display {
    position: relative;
    ...
}