外部svg剪辑路径不起作用

Question

我正在使用svg剪辑路径裁剪div容器：

.element {
    ...
    clip-path: url("#clip-shape");
}

https://jsfiddle.net/m08syex1/1/

适用于嵌入在HTML代码中的svg代码。但是，当我尝试在crop.svg文件中移动svg代码时：

.element {
    ...
    clip-path: url("../img/crop.svg#clip-shape");
}

它在Chrome中不起作用，但在FF中完美运行。有什么我想念的吗？