如何使多边形形状在 Firefox 中工作？答案

【问题标题】：How to make Polygon shape work in Firefox?如何使多边形形状在 Firefox 中工作？
【发布时间】：2015-09-16 16:01:49
【问题描述】：

我使用shape-outside: polygon 使文本“对角”对齐。但是，它不适用于Firefox。有没有办法通过clip path 或任何其他方法在 Firefox 中也能做到这一点？

这是我使用的代码：

-webkit-shape-outside: polygon(0 0, 100% 0, 71% 100%, 0 100%);
-moz-shape-outside: polygon(0 0, 100% 0, 71% 100%, 0 100%);
shape-outside: polygon(0 0, 100% 0, 71% 100%, 0 100%);

如果fiddle来试试这个...

【问题讨论】：

标签： css

【解决方案1】：

检查浏览器兼容性： http://caniuse.com/#feat=css-shapes
这种解决方法可能会有所帮助：CSS Shape Outside - Firefox Browser Support

【讨论】：

【解决方案2】：

Firefox 不支持 CSS 形状。

http://caniuse.com/#search=shape

【讨论】：

Connexo，有没有其他方法可以得到我需要的东西？
您可以使用 SVG 剪辑路径。
你能把小提琴里的零钱给我吗？我想要的是，“要在左侧对角对齐的文本”。