3

IE9以下では機能しない画像のCSSグラデーションがあります。高さを追加してみました：100％; それが他の誰かを助けたのを見たのですが、それでも私の影響はありませんでした。画像は[サインアップ]ボタンで、私のURLはhttp://ht.io-web.com/です。これがCSSです

.white {
background: -moz-linear-gradient(center top , #FFFFFF, #DEDCDC) repeat scroll 0 0 transparent;
border: medium none #DEDCDC;
color: #85B700;
margin-left: 5px;}
4

3 に答える 3

2

すなわちの勾配：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000');

Webkitブラウザーのグラデーション：

background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));

于 2012-06-06T21:53:55.583 に答える
0

CSSグラデーションは、MicrosoftスクリプトなしではIE9以下では使用できません（Keithによると）。

http://caniuse.com/#search=linear-gradient

また、CSSコードは特にMozillaブラウザーのプレフィックスを使用しているため、Firefoxブラウザーでのみ機能します。

「-webkit-」と「-o-」を使用して、Safari / ChromeおよびOperaブラウザー（CanIUse.comに記載されている）をターゲットにすることができますが、パラメーターは異なると思います。

于 2012-06-06T21:54:03.097 に答える
0

IEはCSSグラデーションをサポートしていません-IE9でもサポートしていません。

ただし、これを解決できるCSS3Pieと呼ばれるJavaScriptハックがあります。

http://www.css3pie.com/を参照してください

このスクリプトをサイトに追加すると、IEはCSSグラデーションを処理できるようになります。

（css3pieは、角の丸みなど、他のCSSも実行しますが、IE9はすでにそれらをサポートしているため、これらのハックはIE8以下にのみ適用されます）

于 2012-06-06T22:26:07.173 に答える