为什么在Chrome中梯度加载不正确？

我是HTML5初学者，我刚刚使用Twitter Bootstrap创建了my portfolio page。我使用colorzilla gradient generator生成了我的渐变。为什么在Chrome中梯度加载不正确？

不幸的是，有时我的梯度装载错误在Chrome和它看起来像这样：

incorrect gradient

这有什么错我的网页？

来源

2013-03-10 qbait

我认为你添加渐变的样式表与bootstrap是分开的吗？如果是这样，请将自定义样式表添加到引导样式表下方（以便在引导样式表之后加载） - 让我知道那个作品 – DextrousDave 2013-03-10 15:44:41

您甚至可以尝试删除bootstrap.css并查看您的渐变呈现方式。 ..有可能你的css与bootstrap的冲突 – DextrousDave 2013-03-10 15:45:41

@DextrousDave - 我不认为这是问题，因为它呈现渐变只有它看起来很奇怪，我有同样的问题与铬，一旦我打开控制台，并关闭它，一切看起来都很好 – Tomer 2013-03-10 15:48:23

这就是Bootstap梯度混入给，你可以看到，如果结果有什么不同：

.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); 
}

祝你好运！

来源

2013-03-10 17:58:32

谢谢，您的答案是解决方案。 HEX值似乎很好。 – qbait 2013-03-10 22:57:31

这太好了，我很高兴这有助于......必须承认，虽然当我第一次发布这个时，我认为这可能是与供应商特定的代码相关的问题，而不是HEX与RGB;）在进一步搜索我已经看到一些其他的报告说，HEX是最可靠的，不确定这是否正确或在这种情况下只是祝你好运。祝你的应用程序好运。 – 2013-03-11 02:32:31

为什么在Chrome中梯度加载不正确？

回答

相关问题