Html 如何在容器div而不是子文本上设置不透明度？

我有一个带有CSS样式规则的DIV

opacity:0.4

在div内部有一个
a
标记，文本也有不透明度

如何声明文本：
opacity:1
或任何好主意。。。。
您可以在以下链接中看到它：http://yagen.org/

页面上方的图库。
如果设置元素的不透明度，则也会为其所有子元素设置不透明度。如果您希望在透明背景上显示不透明文本，请查看RGBa

结果如下所示：

.mycontainer {
    background: rgb(60, 60, 60);
    background: rgba(60, 60, 60, 0.4);
}

.mycontainer a {
    color: #fff;
}

在浏览器不支持RGBa颜色的情况下，第一个背景声明作为后备，它将只是纯色

这里有一个关于RGBa颜色的很好的参考：
如果您有这类HTML：

<div id="container">
    <p>
        Darn fanatically far and tarantula jeepers meek a secret much so hence underneath monogamously interwove apart gosh spilled far where and badger.
    </p>
    <a href="#">This is a link</a>
</div>

它不会使链接的不透明度大于容器，因为不透明度是从父级继承的

唯一的方法是使用
rgba
值，但它在IE中不起作用

正确的方法是这样做-

#container {
    background: rgba(0,0,0,0.4);
    color: #fff;
}

看看这个
嗨，这是一个简单的例子

html
注意：-在父元素中我们使用了rgba格式，在子元素中我们使用了不透明度属性
@treenet不幸的是，IE 9之前都是这样。@treenet-这是一个使用称为渐进增强的技术的好地方-支持它的浏览器获得了更多的视觉吸引力，但其他浏览器并没有被排除在外。旧浏览器的用户永远不会知道两者的区别，这也不会影响他们使用网站的能力。
#container {
    background: rgba(0,0,0,0.4);
    color: #fff;
}

  <section class="op5">
    <div class="op1">

    </div>
  </section>

 .op5{
        width:100px;
        height:100px;
        text-align:center;
        background-color:rgba(0,0,0,0.5);
        position:relative;
    }
    .op1{
        width:50px;
        height:50px;
        margin:0 auto;
        opacity:1;
        background-color:red;
    }