Question

在几个地方它说，如果与url（..）版本一起使用，Firefox支持剪辑路径。然而，我无法使最简单的示例工作，即使它适用于Chromium（53）。我测试了Firefox 49和Firefox 38。

＆＃13;

#Top {
  position: absolute;
  top: 0px; left: 0px; height: 100px; width: 100px;
  -webkit-clip-path: url(#Schnitt);
  -moz-clip-path: url(#Schnitt); /*tested with and without that line*/
  clip-path: url(#Schnitt);
}

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="styles.css" />
  <title>Testseite</title>
</head>
<body>
  <svg id="Top" viewBox="0 0 100 100">
    <defs>
      <clipPath id="Schnitt">
        <circle cx="50" cy="50" r="29" />
      </clipPath>
    </defs>
    <circle cx="50" cy="50" r="50" />
  </svg>
</body>
</html>

＆＃13;

有趣的是，如果我在此帖子的预览中运行此代码，Firefox也会正常剪辑，但如果我打开本地文件则不会。（其中既不包含更多也不包含更少的代码。）有任何想法吗？谢谢你。

clip-path（使用url）不能在firefox上运行

0 个答案: