Chrome(webkit)渐变百分比错误

Rad*_*rei 6 css webkit google-chrome css3

BUG!离开这里,希望它会吸引注意力,也许是一个解决方案.

问题是铬,使(我已检查过!)渐变的前半部分小于第二部分.我的代码是:

background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed;
Run Code Online (Sandbox Code Playgroud)

还尝试过:

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3236), color-stop(50%,#ff3236), color-stop(50%,#000000), color-stop(100%,#000000));
background: linear-gradient(to left, #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
Run Code Online (Sandbox Code Playgroud)

编辑/更新:这确实是一个错误 - 更新是为了清晰(前2个块是div,每个50%宽度,屏幕 - 底部用渐变分割):1)错误的视觉表示: 在此输入图像描述

2)Thanx到@elstgav进行Codepen测试

mtn*_*ess 0

截至目前(2016-11-02),此问题已修复,我刚刚测试了这些笔:

http://codepen.io/elstgav/pen/guotz

http://codepen.io/gliesche/pen/GoWMVO

在 Chrome 版本 54.0.2840.71 m 中,它们都可以工作。

然而,Chrome 在重复缩放渐变背景时似乎仍然存在一些问题:

SO链接:Chrome在调整大小时未正确更新背景大小渐变

Chrome BT:https://bugs.chromium.org/p/chromium/issues/detail? id=604875