-webkit-linear-gradient捕捉到90deg

时间:2013-02-09 11:31:42

标签: css3 webkit gradient linear-gradients

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

1 个答案:

答案 0 :(得分:0)

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