爲什麼在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中梯度加載不正確？

回答

相關問題