【问题标题】:-webkit-linear-gradient snaps to 90deg-webkit-linear-gradient 捕捉到 90 度
【发布时间】:2013-02-09 11:31:42
【问题描述】:

我在 Win7 上的 Chrome(最新)中遇到了一些奇怪的行为。 FF 和 IE10 按预期工作。

请看一下这个 Fiddle: http://jsfiddle.net/KrNm4/3/

.a {
    display: block;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    background: -webkit-linear-gradient(-85deg, #efefef 25%, #666 25%);
    background: -moz-linear-gradient(-85deg, #efefef 25%, #666 25%);
}
.b {
    display: block;
    margin-bottom: 10px;
    width: 400px;
    height: 400px;
    background: -webkit-linear-gradient(-85deg, #efefef 15%, #666 15%);  
    background: -moz-linear-gradient(-85deg, #efefef 15%, #666 15%);    
}

<div class="a">a</div>
<div class="b">b</div>

第二个 div 以错误的角度显示渐变。 我无法弄清楚它何时准确地捕捉到 90°。不过,这似乎取决于 div 的大小。

有人知道吗? 它是一个错误、一个功能、超人还是我愚蠢而只是错过了什么?

编辑:我刚刚检查了 Browsershots,在 Linux 和 Mac 上的结果相同

【问题讨论】:

  • chrome 忙于记录用户的行为,所以他们通过四舍五入来减少渲染引擎的工作量
  • 大声笑...真的吗?...这不是预期的行为吗?

标签: css webkit gradient linear-gradients


【解决方案1】:

看起来这是一个已知的错误。 Have a look here。这是目前 Chromium 开发人员中的优先级 2 错误。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-08
    • 2023-03-16
    • 1970-01-01
    • 2012-06-26
    • 2011-11-06
    • 1970-01-01
    • 2012-03-05
    • 1970-01-01
    相关资源
    最近更新 更多