如何使用 CSS 为文本或图像赋予透明背景?

问题描述

使用半透明的PNGSVG图像或使用 CSS:

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

这是一篇来自 css3.info、Opacity、RGBA 和折衷的文章(2007-06-03)。


<p style="background-color: rgba(255, 0, 0, 0.5);">
  <span>Hello, World!</span>
</p>

解决方法

是否可以仅使用 CSS 使background元素的 半透明但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个独立元素的情况下完成此操作。

尝试时:

p {
  position: absolute;
  background-color: green;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

span {
  color: white;
  filter: alpha(opacity=100);
  opacity: 1;
}
<p>
  <span>Hello world</span>
</p>

看起来子元素受其父元素的不透明度影响,因此opacity:1相对于opacity:0.6父元素。

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...