css - 不透明度 css が子要素に適用されないようにする

Question

opacity プロパティが子要素に適用されないようにしようとしています。

以下のコードがそれを行うと仮定していましたが、機能していません。

.22:hover:after {
background-color: black;
opacity: 0.1;
}

Answer 1

1つの解決策は次を使用していrgbaます：

.22:hover:after {
    background-color: rgba(0, 0, 0, 0.1); // black with opacity 0.1
}