你可能需要使用 rgba 值来控制背景色的不透明度,而不是使用 opacity 属性。例如:
background-color: rgba(255, 255, 255, 0.5);
在这个例子中,背景色的不透明度被设置为 0.5,而颜色本身是白色(RGB 值为 255, 255, 255)。这将使背景色有 50% 的不透明度,而不会对其内容产生影响。
如果你真的想使用 opacity 属性来控制背景色的不透明度,可以将其应用于包含元素,而不是背景本身。例如:
This text will have a semi-transparent red background.
在这个例子中,整个 div 元素都会被设置为 50% 的不透明度,包括其背景色。这将使文本具有半透明的红色背景。