【问题标题】:Chrome(webkit) gradient percentage bugChrome(webkit) 梯度百分比错误
【发布时间】: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


【解决方案1】:

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

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

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

在 Chrome 版本 54.0.2840.71 m 中, 他们都工作。

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

链接:Chrome not updateing background-size gradient properly on resize

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

【讨论】:

    猜你喜欢
    • 2012-09-23
    • 1970-01-01
    • 2022-01-20
    • 2012-01-05
    • 1970-01-01
    • 2011-03-10
    • 2019-08-20
    • 2016-06-15
    • 2016-09-04
    相关资源
    最近更新 更多