0

私はいくつかのブートストラップ コンポーネント、特にボタン グループを使用しています。IE にグラデーションを追加できるようにしたい。IE8 で表示すると、無地の背景に劣化します。IEのスタイルを設定してみた

現在、.btn クラスはこの設定を使用して背景のグラデーションに色を付けています。

  background-color: #F5F5F5;
  background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);

これがIE用に追加しているものですが、何もしないようです。

.btn{
background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}
4

4 に答える 4

1

マニュアルを覗いてみると、colorstr議論は表記を期待しているようです。AARRGGBB

色は#AARRGGBB形式で表されます。ここで、AAはアルファ16進値、RRは赤16進値、GGは緑16進値、BBは青16進値です。アルファ値は、オブジェクトの不透明度を制御します。アルファ値00は透明ですが、FF値は不透明です。

だから試してみてください

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff',
endColorstr='#ffe6e6e6',GradientType=0 );
于 2012-07-03T20:31:54.713 に答える
0

フィルターを使用できますが、無地の背景がある場合、IE は代わりにそれを使用します。（技術的にはそうではありませんが、効果は同じです）

したがって、背景色を削除してみて、それが機能するかどうかを確認してください。

于 2012-07-03T20:29:16.737 に答える
0

問題は、最初にIEスタイルシートをロードしていて、bootstrap.cssの背景色がそれをオーバーライドしていたことです。みんなからのすべての提案に感謝します。

于 2012-07-03T20:34:32.060 に答える
0

透明な png をオーバーレイすることはいつでも試すことができますが、IE6 では機能しないことに注意してください。

于 2012-07-03T20:13:57.023 に答える