3

画像のマスキングに問題があります。適切な解決策が見つかりません。

私が達成したいことの例

いくつかの手法を試しましたが、どれも私にとって正しい解決策ではありません:

  1. mask-image: url(mask.svg) proportie を試しましたが、IE (10 & 9) のフォールバックはありません。
  2. また、border-radius を使用してカスタム css3 形状を試しましたが、これでは画像が適切にマスクされません。

中央に透明な形状を持つ SVG (または PNG ポリフィル) を使用する (そして画像の上に配置する) だけでは、複数のテクスチャを使用するため機能しません。

すべての主要なブラウザー (IE9 以降) でこれを機能させる方法はありますか?

前もって感謝します!

4

0 に答える 0