如何删除css背景透明？

Question

我不知道它是如何发生的,对于我的生活,我无法解决它.

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

当用户点击时,我设置display:block,显示一个新图层.

问题是所有文本都是从它后面的层中显示出来的......我怎么强迫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 = waver注意:此问题仅发生在.mobi版本上网站(所以你需要在手机上或使用mobi模拟器查看)

Answer 1

我能够使用FF3和IE8重现这一点.

您需要将头寸设置为绝对或相对.

.display { 
    position: absolute;
    ...
}

要么

.display {
    position: relative;
    ...
}