Css 放置在透明div中的Youtube视频也是透明的

我正在将youtube iframe放置在不透明度为0.8的内容框中

opacity: .8;
filter: alpha(opacity=80);

---

但是这些视频也是透明的，你可以通过它们看到网站的背景。我尝试了各种可能的方法来更改wmode，但没有任何区别。Firefox不会发生这种情况，但Chrome会发生。

事实上，这就是

不透明度的工作原理，它设置元素及其所有内容的不透明度，而不仅仅是背景。如果你只是想要一个半透明的背景，你应该使用像一个透明的png这样的东西作为背景图像当你在一个元素上使用CSS属性时，它的所有子元素都会继承它，你不需要做任何改变

…除非您可以使用透明的png背景图像，或使用
rgba（）
或
hsla（）
颜色值

所以透明的黑色rgba应该是
背景：rgba（0,0,0,5）和hsla<代码>背景色：hsla（0,0%，0%，.5）

这些属性不是继承的，因此不会影响子级，无论它们是什么：）

在这里，您可以看到正在使用的三种不同的CSS规则（非透明png）。请注意，最后两个的子元素不受影响：）

我建议使用半透明.png作为背景，而不是不透明。
您也可以使用rgba作为背景色，但它没有在IE中实现。IE 8及以下版本（不确定IE 9）不支持rgba，因此可以使用过滤器实现所需效果。
但有时它会让字体看起来很糟糕（消除了抗锯齿或类似的smth）

另一方面，1*1px的png非常小，可以内置到css文件中