我不想从CSS的父级继承子级不透明度
我不想从CSS的父级继承子级的不透明度。 我有一个div是父级,而我在第一个div中有另一个div是孩子。 我想在父div中设置opacity属性,但我不希望子div继承opacity属性。 我怎样才能做到这一点? #1楼 就像其他人在此线程和其他类似线程中提到的那样,避免此问题的最佳方法是使用RGBA / HSLA或使用透明的PNG。 但是,如果您想要一个荒谬的解决方案,类似于该线程(也是我的网站)的另一个答案中链接的解决方案,那么我编写了一个全新的脚本,该脚本可以自动解决此问题,称为thatsNotYoChild.js: http://www.impressivewebs.com/fixing-parent-child-opacity/ 基本上,它使用JavaScript从父div中删除所有子项,然后将子元素重新定位到应有的位置,而不再是该元素的子项了。 对我来说,这应该是万不得已的方法,但是我认为如果有人愿意这样做的话,写点东西会很有趣。 #2楼 如果必须将图像用作透明背景,则可以使用伪元素来解决它: html <div class="wrap"> <p>I have 100% opacity</p> </div> 的CSS .wrap, .wrap > * { position: relative; } .wrap:before { content: " ";