css - IE7-8のグラデーションと少ないcss

Question

ボタンにグラデーション効果を追加しようとしています。私はLess構文を使用しています。

私は現在これを私の要素に適用しています：

フィルタ：〜 "progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃ffeaa5'、endColorstr ='＃f8b000'、GradientType = 0）";

しかし、ボタンにグラデーションが表示されません。何か案が？

ありがとうございました。

編集：このjsfiddleで動作します：http：//jsfiddle.net/FBfSZ/ですが、このページでは動作しません： http : //canapin.com/web/（ソースを参照してください）

理解できません。

score 1 · Accepted Answer

これを試してみてくださいIE8でテストします

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaa5', endColorstr='#f8b000',GradientType=0 );

score 0 · Accepted Answer

これはIE8で動作し、Twitterのブートストラップから取得されます

filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d',
 endColorstr='%d', GradientType=0)",#ffeaa5,#f8b000)); // IE9 and down

score 0 · Accepted Answer

おそらく、ページが有効なHTMLページではないため、IEがクァークズモードに切り替わります。を押すF12と、開発者モードを取得するために、自分で簡単に確認できます。

doctype、header要素などを使用して有効なHTMLページを作成します。そうすれば、機能するはずです。

3 に答える 3