您可能遇到的问题(基于查看选择器)是不透明度会影响父对象的所有子元素:
div{ background: #000; opacity: .4; padding: 20px;}p{ background: #f00; opacity: 1;}但是有解决方案!使用rgba背景值,您可以随时随地保持透明:)
div{ background: rgba(0, 0, 0, 0.4); padding: 20px;}p{ background: rgba(255, 0, 0, 1); }对于文本,您可以只使用相同的rgba代码,但是将其设置为CSS的color属性:
color: rgba(255, 255, 255, 1);
但是您必须在所有内容上使用rgba才能使此功能起作用,您必须删除所有父元素的不透明度。



