如何使div不透明？

Question

我的笑脸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后面。

这怎么可能？

Answer 1

尝试以下

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