1. ホーム
  2. css

[解決済み】背景画像と不透明度を同じプロパティで設定することは可能ですか?

2022-04-02 09:43:16

質問

CSS参照で 画像の透過性を設定する方法 背景画像の設定方法 . しかし、この2つを組み合わせて、透明な背景画像を設定するにはどうしたらよいでしょうか。

背景として使いたい画像があるのですが、明るすぎるため、不透明度を0.2程度に下げたいのですが、どうすればいいですか?どうすればよいでしょうか?

#main {
    background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
}

解決方法は?

2つの方法があります。

  1. PNGに変換して、元画像の不透明度を0.2にする
  2. (もっと良い方法) <div> というのは position: absolute; 以前 #main と同じ高さで #main を適用した後、background-imageと opacity: 0.2; filter: alpha(opacity=20); .