【发布时间】:2014-10-22 05:36:29
【问题描述】:
错误!留在这里,希望它会引起注意,也许是一个修复。
问题在于 chrome 使(我已经检查过!)渐变的前半部分小于第二部分。我的代码是:
background: linear-gradient(to left, #ffffff 50%, #f5f5f5 50%) fixed;
也试过了:
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%);
编辑/更新:这确实是一个错误 - 更新是为了清楚起见(顶部 2 个块是屏幕的 div,每个 50% 宽度 - 底部用渐变分割): 1) 错误的可视化表示:
2) 感谢@elstgav 提出Codepen Test
【问题讨论】:
-
“似乎是”还是实际上是?你检查过开发工具中的元素宽度吗?
-
是的,它更大。我已经检查过了。
-
合理的问题。我们无法诊断图像。而且我们无权访问“您的设备”。也许是一个合理大小的小提琴来演示这个问题。
-
试试这个方法...也许它可以工作:背景:-webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%) ;
-
@elstgav 啊,我看到你在最新报告上链接了 codepen 测试。此外,它似乎已分配给某人进行修复。好消息:)
标签: css google-chrome webkit