使背景透明，不发文字

Question

使用 opacity我让我的整个div透明但我想保持字体正常而没有不透明度。我无法为内容设置单独的类或ID，因为它是动态创建的。我也不能使用以下内容：background: rgba();

{opacity : '0.3'}

有什么建议吗？

Answer 1

为此，您需要添加背景图片透明背景。

然后在该图像上添加内容时，它将显示不透明度为100％。

请参阅此Opacity ,RGBA

Answer 2

使用rgba模式

P{
   color:#fff;
    display:block;
    background: rgba(0,0,0,0.60);
}

<强> DEMO

Answer 3

如果你不能使用background: rgba()，其他工作就是使用两个独立的容器，一个用于背景，另一个用于文本。请参阅此处https://stackoverflow.com/a/5135431/2965281

Answer 4

您可以同时使用

执行此操作

background-color: rgba(0,0,0,0.3) /* rgb for (0,0,0) is black; opacity of 0.3 */

或

background-color: hsla(0,0%,0%,0.3) /* same */

“a”代表alpha通道。

有一个问题：不幸的是，它不适用于所有浏览器。

以下是一个示例：http://jsfiddle.net/TGL45/

了解更多信息：

http://css-tricks.com/yay-for-hsla/

http://css-tricks.com/rgba-browser-support/

Answer 5

将RGBA格式用于背景色。 您可以尝试使用以下代码获取背景不透明度：

<强> Working demo

background:rgba(0, 0, 0, .6);