Html 我不明白为什么不透明不起作用

嗨，我听不懂，有人能给我解释一下吗

当我用

元素定义
元素的“不透明度”时，它可以工作，但当我试图仅更改
元素本身的不透明度时，它无法克服父元素的不透明度属性。原因是什么？
代码如下：


div.background{
背景：url（klematis.jpg）重复；
边框：2件纯黑；
}
变速箱{
利润率：30像素；
背景色：#ffffff；
边框：1px纯黑；
不透明度：0.3；
}
变速箱{
利润率：5%；
字体大小：粗体；
颜色：#000000；
不透明度：0.7；
/*由于某种原因，此属性不起作用*/
}

这是放置在透明框中的一些文本

您的元素是嵌套的，它们的不透明度将叠加，它确实有效—您只是看不到它或它不是您所期望的