我是HTML5初學者,我剛剛使用Twitter Bootstrap創建了my portfolio page。我使用colorzilla gradient generator生成了我的漸變。爲什麼在Chrome中梯度加載不正確?
不幸的是,有時我的梯度裝載錯誤在Chrome和它看起來像這樣:
這有什麼錯我的網頁?
我是HTML5初學者,我剛剛使用Twitter Bootstrap創建了my portfolio page。我使用colorzilla gradient generator生成了我的漸變。爲什麼在Chrome中梯度加載不正確?
不幸的是,有時我的梯度裝載錯誤在Chrome和它看起來像這樣:
這有什麼錯我的網頁?
這就是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);
}
祝你好運!
謝謝,您的答案是解決方案。 HEX值似乎很好。 – qbait 2013-03-10 22:57:31
這太好了,我很高興這有助於......必須承認,雖然當我第一次發佈這個時,我認爲這可能是與供應商特定的代碼相關的問題,而不是HEX與RGB;)在進一步搜索我已經看到一些其他的報告說,HEX是最可靠的,不確定這是否正確或在這種情況下只是祝你好運。祝你的應用程序好運。 – 2013-03-11 02:32:31
我認爲你添加漸變的樣式表與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