为什么Chrome中的渐变加载不正确?

时间:2013-03-10 15:40:36

标签: css3 twitter-bootstrap gradient

我是HTML5初学者,我刚刚使用Twitter Bootstrap创建了my portfolio page。我使用colorzilla gradient generator生成了渐变。

不幸的是,有时我的渐变在Chrome中加载不正确,它看起来像这样:

incorrect gradient

我的网页出了什么问题?

1 个答案:

答案 0 :(得分:1)

这就是Bootstrap梯度mixin给出的结果,您可以看到结果是否有任何不同:

.iamcoming {
background-color: #525252;
background-image: -moz-linear-gradient(top, #444444, #666666);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#666666));
background-image: -webkit-linear-gradient(top, #444444, #666666);
background-image: -o-linear-gradient(top, #444444, #666666);
background-image: linear-gradient(to bottom, #444444, #666666);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff666666', GradientType=0);
}  
祝你好运!