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

Posted

技术标签:

【中文标题】有啥方法可以使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);

【讨论】:

感谢您的回答

以上是关于有啥方法可以使css中文本的背景不透明? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

带有彩色背景的不透明文本 - 仅限 CSS

CSS opacity 只给背景色,不给文字就可以了? [复制]

CSS更改选项卡背景的不透明度而不影响选项卡上的文本[重复]

在 CSS 中制作透明文本并在文本形状内拟合背景图像

如何制作透明文字? [复制]

CSS不透明度背景颜色和文本不起作用[重复]