css - 如何使多边形在 Firefox 中工作?

标签 css

我使用 shape-outside: polygon 使文本“对 Angular 线”对齐。但是,它不适用于 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试试这个……

最佳答案

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

关于css - 如何使多边形在 Firefox 中工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32602132/

相关文章:

javascript - 我应该如何显示完整图像,而不在 div 中调整它的大小?

css - 使用 :after pseudo class to target child several divs below some other div

html - 样式表加载正常,但没有 CSS

css - Bootstrap 2.x 按钮未在对话框中居中对齐

html - 如何重新排列div

JQuery Mobile - 在表格内的同一行输入和标签,无论屏幕宽度如何

javascript - 将 javascript 添加到 200 多个 html 文件,最简单的方法?

javascript - 点击复制文本javascript

css - HTML5 网站按钮重叠

css - 如何设置Gridview的列宽