css - css3線形グラデーションの背景画像がOpera11.11で機能しない

Question

Opera 11.10 Ubuntu 10.04 64ビット：動作中

Opera 11.11 Windows 7 64ビット：動作していません

background-color: #D22027;
background-image:         linear-gradient(bottom, #D22027, #444444);
background-image:    -moz-linear-gradient(bottom, #D22027, #444444);
background-image: -webkit-linear-gradient(bottom, #D22027, #444444);
background-image:      -o-linear-gradient(bottom, #D22027, #444444);

何か案は？

Answer 1

あなたのグラデーションコードは間違っています、それは画像ではありません

background:         linear-gradient(bottom, #D22027, #444444);
background:    -moz-linear-gradient(bottom, #D22027, #444444);
background: -webkit-linear-gradient(bottom, #D22027, #444444);
background:      -o-linear-gradient(bottom, #D22027, #444444);

今ではサファリ、クローム、オペラ、オペラネクスト、IE、ファイアフォックスで働いています。互換性のためにこれらを追加します

/* Chrome before 10,Safari4+ */
background: -webkit-gradient(bottom, #D22027, #444444);
/* IE10 */
background:     -ms-linear-gradient(bottom, #D22027, #444444);

http://www.colorzilla.com/gradient-editor/を使用 して、互換性の高いグラデーションをすばやく作成したり、学習したりできます。