html - 透明な CSS 背景色

Question

フォントに影響を与えずに、不透明度を使用してリストメニューの背景を非表示にしたい。CSS3で可能ですか？

score 143 · Accepted Answer

次のように、CSS プロパティでrgbaを使用できるようになりました。

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

0.5 は透明度です。デザインに応じて値を変更してください。

ライブデモ http://jsfiddle.net/EeAaB/

score 51 · Accepted Answer

次の 3 つのオプションを念頭に置いてください (#3 が必要です)。

1) 要素全体が透明:

visibility: hidden;

2) 要素全体がやや透明:

opacity: 0.0 - 1.0;

3) 要素の背景だけが透明です:

background-color: transparent;

score 19 · Accepted Answer

はい、可能です。background-color にrgba-syntaxを使用するだけです。

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

score 9 · Accepted Answer

この場合background-color:rgba(0,0,0,0.5);、最善の方法です。例えば：background-color:rgba(0,0,0,opacity option);

score 5 · Accepted Answer

これを試して：

opacity:0;

IE8 以前の場合

filter:Alpha(opacity=0);

9 に答える 9