透明的CSS背景颜色

我想通过使用不透明度而不影响字体来使列表菜单消失。用CSS3可以吗？

嘿，现在你可以像这样在CSS属性中使用rgba

.class{ background:rgba(0,0,0,0.5); }

0.5是透明度，现在你可以根据你的devise改变。

现场演示 http://jsfiddle.net/EeAaB/

记住这三个选项（你想＃3）：

1）整个元素是透明的：

 visibility: hidden;

2）整个元素有点透明：

 opacity: 0.0 - 1.0;

3）元素的背景是透明的：

 background-color: transparent;

是的，这是可能的。只需使用rgba-syntax作为背景颜色即可。

 .menue{ background-color: rgba(255, 0, 0, 0.5); //semi-transparent red }

在这种情况下， background-color:rgba(0,0,0,0.5); 是最好的方法。例如： background-color:rgba(0,0,0,opacity option);

尝试这个：

  opacity:0;

对于IE8和更早的版本

 filter:Alpha(opacity=0);

来自W3Schools的不透明度演示

这是一个使用CSS命名颜色的示例类：

 .semi-transparent { background: yellow; opacity: 0.25; }

这增加了25％不透明（彩色）和75％透明的背景。

CAVEAT不幸的是，不透明度会影响到它所连接的整个元素。
所以如果你在那个元素中有文字，它也会将文字设置为25％的不透明度。 🙁

因此，在大多数情况下，您需要使用rgba或hsla方法来指示背景透明度，而不会影响元素中所有内容的透明度。

这里有3种方式设置透明度为75％的蓝色背景：