1

extjsでボタンを定型化しようとしています。以下は、IEを除くすべてのブラウザで機能します。なぜこれが起こっているのか誰かにわかりますか?

.x-btn-default-toolbar-small {
    background-image: -webkit-linear-gradient(top,#DBEEFF,#D0E7FF 48%,#BBD2F0 52%,#BED6F5);
    background-image: -moz-linear-gradient(top,#DBEEFF,#D0E7FF 48%,#BBD2F0 52%,#BED6F5);

    border-color: red;
    background-color: grey;
    border-color:#81A4D0;
}
.x-btn-default-toolbar-small-over {
    background-image: none;
    border-color: blue;
    background-color: transparent;
}
4

1 に答える 1

2

IE9 も CSS グラデーションをサポートしていませんが、SVG で定義されたグラデーションへの URL 参照を使用することで、まったく同じ効果を得ることができます。

同等の SVG コードを作成する限定的なオンライン ジェネレーターがいくつかありますが、考えられるすべての CSS 線形および放射状グラデーションの SVG コードを生成したい場合は、VisualCSSToolsの小さなアプリを参照してください。

(IE10 は、CSS の線形グラデーションと放射状グラデーションをサポートします)。

于 2012-04-10T10:41:27.880 に答える