0

CSS を使用して、背景画像を色とブレンドしようとしています。ただし、画像は半透明の部分を持つ PNG です。実際に表示されている部分にのみブレンドモードを適用するにはどうすればよいですか? PNG に穴がある場合、背後にある要素が遮られずに見えるようになりますか?

次のようなコード:

background-image: url("Scales/Scale1.png");
background-color: rgba(0, 0, 255, 1);
background-blend-mode: luminosity;

上部の画像と混じり合う不透明な色になります。画像の完全に半透明のピクセルには、結果が半透明になる代わりに背景色が含まれます。

これを解決する方法を知っている人はいますか？前もって感謝します ：）

4

1 に答える 1

1

フィルターのみ 

filter: hue-rotate(90deg);

そしてsepia(NN%)おそらく。他のオプションはなく、それをサポートするブラウザーでのみ使用できます。

于 2015-09-04T18:28:48.510 に答える