如果部分的不透明度被设置为某个值，如何更改或禁用其中图像的不透明度？代码演示：
的CSS
#example1{
opacity:0.8;
}
的HTML
<section id="example1">
...
<img src="a.png">
...
</section>
那么如何更改a.png的不透明度？
您不能更改对父div内的任何子代的影响。
让我这样解释，它opacity是在父容器上设置的。然后，孩子位于父母的内部，父母很好地嵌套在那里。
所以我们有这个
-家长（不透明度开始）
- - -儿童
- - -儿童
--End父项（不透明度结束）
由于子级嵌套在父级容器内部，因此由于父级容器是透明的，因此它们将变为透明。
正如其他人所说，有几种方法可以解决此问题。
一种方法是使用rgba()（红色，绿色，蓝色，alpha）作为透明背景色
absolute像这样在透明背景中放置一个位于父级内部的孩子，
-父母 <section>
-----透明绝对子
- - -儿童
- - -儿童
-完父母 </section>
我的最后一个例子是一个有趣的例子，它的解释是使用哈利波特。
哈利在书中收到了一个隐形时钟。有了这个披风，一旦戴上，就可以使他隐形！除了可以控制对象的透明度之外，这与您的示例完全一样！
开始了，
-斗篷（父母）
-----哈利·波特（儿童）
-结束斗篷（结束父母）
由于他在斗篷内，因此就像您的孩子元素一样，它是隐形的。
与OP的问题有关，
好的，现在就删除#mainWrapper上的不透明度，无论您在哪里使用此颜色＃29630E，都将其替换为rgba（41，99，14，0.9），这样就不会使所有颜色透明。您正在做的而没有意识到的是使该页面上的所有内容透明。文字，颜色，图像，一切透明。使用rgba只会使背景色透明。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句