Wordpress CSS和内联SVG

Question

我尝试使用图片的剪辑路径属性，并使其与Firefox完全兼容我需要内联SVG剪切路径，然后使用其ID在CSS文件中引用它（ as described here）

问题是，一旦加载到Wordpress中，CSS属性URL将被Wordpress重写，因此无法从页面中找到实际的SVG。我写了以下内容：

clip-path: url("#clipping");

但是完整路径会被渲染（我复制我的MAMP URL以澄清）：

clip-path: url("http://enzuelo:8888/wp-content/themes/enzuelo-child/single-projects.php#clipping");

有人知道如何在CSS文件中引用该ID以使其与Wordpress一起使用吗？

Answer 1

虽然您在链接的问题/答案中并不完全清楚，但您必须在clip-path模板内的<style></style>标记中添加single-projects.php css信息。基本上svg和css代码必须在同一个文件中，以便css通过id找到svg。

希望这会有所帮助。你可以找到一个jsfiddle here（取自this answer）。