有啥方法可以使css中文本的背景不透明？ [复制]

Posted 2023-03-06

【中文标题】有啥方法可以使css中文本的背景不透明？ [复制]

【英文标题】：Is there any way to opacity only background of a text in css? [duplicate]有什么方法可以使css中文本的背景不透明？ [复制]

【发布时间】：2014-04-08 04:55:04

【问题描述】：

有没有办法让 css 中的文本仅背景颜色不透明？（不是文本颜色...只是文本的背景颜色）...。我不想使用图像背景。

这是一个例子：

enter link description here

背景是不透明的，但文本也是不透明的...我不想要它...

【参考方案1】：

当然，使用 rgba()：

div ul li a.title 
    padding: 0px 12px 0 0px;
    background:rgba(255,0,0,.2);

jsFiddle example

【讨论】：

太棒了！感谢您的回答。

【参考方案2】：

使用background: rgba(255, 0, 0, .2);

http://fiddle.jshell.net/wLmAC/1/

【讨论】：

谢谢你的回答:)

【参考方案3】：

使用rgba() 获得所需的透明背景，如下所示：

background: rgba(255,0,0,0.5);

【讨论】：

感谢您的回答