【发布时间】: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