Html 不透明容器中的文本变淡

我有一个容器，在css中将其不透明度设置为0.6。 我在上面的容器中有另一个div，其中有一些带有颜色的文本：白色表示“我的文本”。现在的问题是，这个文本正在淡入淡出，因为我只希望外部容器淡入不透明度，而不是文本。有人能帮忙吗

以下是html代码：

<div id='cover-part' style='text-align:center1;padding:15px'>
<div id='opaque-cover-part'>
<div id='cover-part-text'><span>THIS TEXT SHOULD NOT FADE</span></div>
</div>

---

这很简单，您可以在span中添加一个类或id，其中包含该类的元素没有不透明

工作示例：

例如：

及

此文本不应褪色

只需添加

不透明度：1到您的内部容器

相关-您可以将#封面部分文本从#不透明封面部分移出，并将其绝对定位在同一位置的#不透明封面部分上方。这不是工作伙伴。请尝试将页面背景变黑，以更清楚地查看我的背景是否是图像，我不希望它变黑，只是出于测试目的。容器越白，文本越不可见。已尝试。还是不走运
#cover-part{
    position: relative;
    background: url(posts/images/1.jpg) no-repeat 0 center, linear-    gradient(white, black);
    height:250px;
    }


 #cover-part-text{
    position:relative; 
    font-size: 30px;
    color:#FFFFFF;
    left: 0px;
    bottom:0px;
    font-weight:bold;
    display:block;
    z-index:2;
    font-family: helvetica, arial, sans-serif;

    height:100px;
    width:100%;

    padding-left:15px;
    padding-top:15px; 
    }

 #opaque-cover-part{
     position: absolute;
    left: 0px;
    bottom:0px;
    height:100px;
    width:100%;
    background:linear-gradient(black, black);
    opacity:0.6;
    filter:alpha(opacity=50); 
     z-index:1; 
     }

.not-opaque{
      opacity:1;
    }

<span class='not-opaque'>THIS TEXT SHOULD NOT FADE</span>