我在 Win7 上的 Chrome(最新)中遇到了一些奇怪的行为。FF 和 IE10 按预期工作。
请看一下这个小提琴: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 上的结果相同