Question

我希望在不影响字体的情况下使用不透明度使列表菜单消失。是否可以使用CSS3？

Answer 1

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

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

0.5 透明度现在您可以根据您的设计进行更改。

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

更多信息 http://css-tricks.com/rgba-browser-support/

Answer 2

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

1）整个元素是透明的：

visibility: hidden;

2）整个元素有点透明：

opacity: 0.0 - 1.0;

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

background-color: transparent;

Answer 3

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

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

Answer 4

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

Answer 5

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

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

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

<强> CAVEAT 不幸的是，不透明度会影响它附加的整个元素因此，如果您在该元素中有文本，它也会将文本设置为25％不透明度。： - （

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

以下是3种方式设置75％透明度的蓝色背景：

Answer 6

试试这个：

   opacity:0;

对于IE8及更早版本

filter:Alpha(opacity=0);

Answer 7

要达到此目的，您必须修改元素的background-color。

创建（半）透明颜色的方法：

CSS颜色名称transparent创建完全透明的颜色。

用法：

.transparent{
  background-color: transparent;
}

使用rgba或hsla颜色功能，可以将Alpha通道（不透明度）添加到rgb和hsl函数中。它们的alpha值范围是0-1。

用法：

.semi-transparent-yellow{
  background-color: rgba(255,255,0,0.5);
}
.transparent{
  background-color: hsla(0,0%,0%,0);
}

除了已经提到的解决方案，您还可以使用带有alpha值（#RRGGBBAA表示法）的HEX格式。

这很新（由CSS Color Module Level 4包含），但是已经implemented in larger browsers（对不起，没有IE）。

这与其他解决方案不同，因为它将alpha通道（不透明度）也视为十六进制，因此其范围为0-255（FF）。

用法：

.semi-transparent-yellow{
  background-color: #FFFF0080;
}
.transparent{
  background-color: #00000000;
}

Answer 8

是的，您只能将纯文本作为

    .someDive{
    background:transparent 
}