我在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上的结果相同