Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Svg 跨浏览器屏蔽图像(IE9>;)_Svg_Png_Mask - Fatal编程技术网

Svg 跨浏览器屏蔽图像(IE9>;)

Svg 跨浏览器屏蔽图像(IE9>;),svg,png,mask,Svg,Png,Mask,我的图像蒙版有问题,我就是找不到正确的解决方案 我尝试了几种技术,但没有一种是适合我的解决方案: 我已经尝试了mask image:url(mask.svg)proportie,但它没有IE(10和9)的回退 我也尝试过自定义css3形状与边界半径,但这不会遮罩图像正确 仅使用中间形状为透明形状的SVG(或PNG多填充)(将其放置在图像的顶部)将不起作用,因为我使用多个纹理。p> 有没有一种方法可以让它在所有主流浏览器(IE9及以上)中都能正常工作 提前谢谢 也许你可以作为一个svg来完成这一

我的图像蒙版有问题,我就是找不到正确的解决方案

我尝试了几种技术,但没有一种是适合我的解决方案:

  • 我已经尝试了mask image:url(mask.svg)proportie,但它没有IE(10和9)的回退
  • 我也尝试过自定义css3形状与边界半径,但这不会遮罩图像正确
  • 仅使用中间形状为透明形状的SVG(或PNG多填充)(将其放置在图像的顶部)将不起作用,因为我使用多个纹理。p> 有没有一种方法可以让它在所有主流浏览器(IE9及以上)中都能正常工作


    提前谢谢

    也许你可以作为一个svg来完成这一切?svg中的掩码应该可以工作。例如: