私はHTML5の初心者で、 TwitterBootstrapを使用してポートフォリオページを作成しました。colorzillaグラデーションジェネレーターを使用してグラデーションを生成しました。
残念ながら、Chromeでグラデーションが正しく読み込まれず、次のように表示されることがあります。
私のページの何が問題になっていますか?
私はHTML5の初心者で、 TwitterBootstrapを使用してポートフォリオページを作成しました。colorzillaグラデーションジェネレーターを使用してグラデーションを生成しました。
残念ながら、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);
}
幸運を!