3

我在使用图像遮罩时遇到问题,我只是找不到正确的解决方案。

我想要完成的示例

我尝试了几种技术,但都不是适合我的解决方案:

  1. 我试过 mask-image: url(mask.svg) proportie 但它没有 IE (10 & 9) 的后备
  2. 我也尝试过使用边框半径的自定义 css3 形状,但这不会正确掩盖图像。

仅使用中间有透明形状的 SVG(或 PNG polyfill)(并将其放置在图像顶部)是行不通的,因为我使用了几种纹理。

有没有办法让它在所有主要浏览器(IE9 及更高版本)上工作?

提前致谢!

4

0 回答 0