如何使div不透明？答案

【问题标题】：How to make a div opaque?如何使div不透明？
【发布时间】：2013-11-30 15:11:07
【问题描述】：

我的笑脸div有一个background color、z-index:999、opacity:1到1，但是，你仍然可以通过它看到文字：

结果是：

相关代码：

#smileyWindow {
    z-index: 999;
    width: 160px;
    height: 120px;
    border: 1px solid #999;
    background-color: #FFF;
    margin-top: -160px;
    margin-left: 50px;
    overflow-x: hidden;
    overflow-y: scroll;
}


<div id="smileyWindow">
    <img class='smileyImage' src='img/smileys/{D)}.gif'>
    <img class='smileyImage' src='img/smileys/{adios}.gif'>
    <img class='smileyImage' src='img/smileys/{angel}.gif'>
    <img class='smileyImage' src='img/smileys/{angry}.gif'>
</div>

我怎样才能让它不透明？

查看 hello world 文本，在 #smileyWindow 后面仍然可见。

这怎么可能？

【问题讨论】：

你的 div 是透明的还是文字在 div 上但在笑脸下面？
没有元素是透明的！所有元素都是不透明的：背景为红色且位于文本上方的 div 如何显示文本？
你能在小提琴上展示它吗，没有其他元素的css属性很难帮助你。

标签： html css

【解决方案1】：

试试下面的

将position: relative; 添加到#smileyWindow。
确保#chatText 没有更高的z-index。
尝试#smileyWindow的绝对定位

【讨论】：