子要素の可視性を維持しながら背景画像の不透明度を変更する

Question

子要素の不透明度に影響を与えずに背景画像の不透明度を設定することは可能ですか?

＃＃＃例＃＃＃

フッター内のすべてのリンクにはカスタムの箇条書き (背景画像) が必要で、カスタムの箇条書きの不透明度は 50% である必要があります。

HTML

リーリー

CSSS

リーリー

私が試したこと

リスト項目の不透明度を 50% に設定しようとしましたが、リンク テキストの不透明度も 50% です。子要素の不透明度をリセットする方法はないようです。

リーリー

rgba も使用してみましたが、背景画像には影響しませんでした:

リーリー

Answer 1

CSS linear-gradient() と rgba() を組み合わせることができます。

リーリー リーリー