web-dev-qa-db-ja.com

HTML5要素で透明な背景を設定する方法

要素の不透明度を0に設定します。これを行うと、要素のすべてのコンテンツがこのプロパティを継承します。これは必要ありません。コンテンツ(テキストなど)が表示されたままで、背景に不透明度0を取得するだけです。

手がかりは?

ありがとう。

22
Debugger

いくつかの調査の後、私は簡単な答えを見つけました-background-color: transparent;

12
Debugger

代わりに背景色を設定できますか?

background-color: rgba(255,255,255,0.6);
7
PerkinsB1024

不透明度プロパティは、オブジェクト全体に適用されます。これは、 その仕様 で読むことができます。

オブジェクト全体に適用される均一な不透明度設定。 0.0(完全に透明)から1.0(完全に不透明)の範囲外の値は、この範囲に固定されます。オブジェクトがコンテナ要素の場合、コンテナ要素のコンテンツが、マスクの各ピクセルの値がであるマスクを使用して現在の背景とブレンドされたかのようになります。

rgba() カラーの使用を検討できます。

4
laconbass