画像のマスキングに問題があります。適切な解決策が見つかりません。
いくつかの手法を試しましたが、どれも私にとって正しい解決策ではありません:
- mask-image: url(mask.svg) proportie を試しましたが、IE (10 & 9) のフォールバックはありません。
- また、border-radius を使用してカスタム css3 形状を試しましたが、これでは画像が適切にマスクされません。
中央に透明な形状を持つ SVG (または PNG ポリフィル) を使用する (そして画像の上に配置する) だけでは、複数のテクスチャを使用するため機能しません。
すべての主要なブラウザー (IE9 以降) でこれを機能させる方法はありますか?
前もって感謝します!