web-dev-qa-db-ja.com

グラデーションオーバーレイを透明にするにはどうすればよいですか?

私が取り組んでいるサイトには、下から3つのレイヤーがあります。タイル状の背景画像、単純な上から下へのグラデーション、および実際のコンテンツウィンドウです。グラデーション自体の不透明度を変更して、背景の色が薄くなるようにします。

ただし、グラデーションdivに不透明度(opacity:0.4;)を追加しようとすると、何らかの理由で、タイル化された画像の背景レイヤーを前面に引っ張り(すべてを覆う)、「背景」をわずかに透明にします。

これを行わずにグラデーションを透明にするにはどうすればよいですか?

3
Mia

どのブラウザで問題が発生しているかを知らずに答えることは困難です。あなたが話すコードは、クロスブラウザに準拠していません。

html 5を使用 以外のクロスブラウザーグラデーションを実現する最良の方法は、 transparent 24-bit png を使用することです。

2
toomanyairmiles