我正在面对我认为是一种独特情况，主要是因为我找不到任何帮助我的情况。我正在尝试在蒙版元素中添加视差效果。在元素可以是..."可视化之前？" ...它必须在蒙版容器内滑入视图。
在 chrome 中，我没有问题，因为我可以使用：
-webkit-mask-image: url(path/to/image.png);
对于 firefox ，我没有问题，因为我可以使用：
<svg><defs><clipPath id="clip-elem"><polygon points="0 0, 891 300, 0 944"></polygon></clipPath></defs></svg>
并将SVG夹涂在容器上，该容器将为较大元素创建掩码，并使用：
clip-path:url("#clip-elem");
对于 ie 10和11 支持，创建掩码效果的唯一可能的工作解决方案是使用剪辑。这给出了面具的幻想，但实际上剪辑了元素。一旦开始向上或向下滑动，您会立即看到它被切开，因为它移动到了应掩盖的区域。
任何人都可以在IE中提供一个工作示例（或Insight），并在不使用剪辑的情况下使用动画（翻译）动画的元素？
ie不支持CSS掩盖或剪辑任意形状。如果您需要掩盖HTML元素，也许您能做的最好的就是将其放置在元素前，图像背景的颜色带有透明的孔。
另外，也许您可以使用矩形夹区而不是三角形来与IE一起生活。
或最后一个选项是将所有内容转换为SVG。SVG内部剪裁和掩蔽作品。