CSSで親から子の不透明度を継承したくない 質問する

CSSで親から子の不透明度を継承したくない 質問する

CSS で親から子の不透明度を継承したくありません。

親となる div が 1 つあり、最初の div 内に子となる別​​の div があります。

親 div に不透明度プロパティを設定したいのですが、子 div に不透明度プロパティを継承させたくありません。

どうやってやるの?

ベストアンサー1

不透明度を使用する代わりに、RGBA を使用して背景色を設定します。ここで、「a」は透明度のレベルです。

したがって、次の代わりに:

background-color: rgb(0,0,255); opacity: 0.5;

使用

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

おすすめ記事