我在Chrome(30.0.1599.69)-webkit-clip-path中发现了相当奇怪的行为,想知道它是不是一个bug.
当元素将剪辑路径设置为矩形,然后页面上的某些内容变为ouline时(例如,由于焦点),剪辑路径将垂直移动.移除轮廓后,剪辑路径不会占用先前的位置.
初始状态:
有些东西得到了大纲:
然后没有大纲:
注意:由于进一步的轮廓更改不会影响剪裁,因此可以使用它来通过应用已知高度的轮廓来“修复”该问题,然后为此值取消剪辑路径.
更新:
An issue in Chromium bugtracker.
我发现矩形()支持was removed,但不确定从哪个版本(iOS仍然有它?). polygon()版本works fine here in Canary (at April 17,2014).