1

この背景は線形グラデーションを使用しており、Chrome、Firefox などの最新のブラウザーで完璧に動作します。ただし、IE では白い背景しか表示されません

body {
 font-family: 'champagne__limousinesregular',Georgia, Serif;
 font-size: 14px; 
 background: linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
background: -o-linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
 }

css 内でこの背景を適用し、ユーザーが IE を使用しているときに何か特別なことをする方法はありますか? css内の条件のような？これは可能ですか

ここにjsfiddleがあります

4

3 に答える 3

2

コードは Internet Explorer 10 で正常に動作します。以前のバージョン (9 以前など) でグラデーションが必要な場合は、filterプロパティの使用を検討する必要があります。それらを使用してグラデーションを生成することもできます。

参照:グラデーション フィルター

html {
    min-height: 100%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCCCCCC, endColorstr=#FFFFFFFF);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
    background: linear-gradient(0deg, rgba(255, 255, 255, 1)13%, rgba(220, 221, 222, 0.9)100%); 
}
于 2013-04-30T19:25:17.960 に答える
1

CSS グラデーションは IE10 でのみサポートされています。

IE9 を含む以前のバージョンは、この機能をサポートしていません。

これにはいくつかの方法がありますが、最善の方法は CSS3Pie などのポリフィル スクリプトを使用することです。これは Javascript と VML を使用して、古い IE バージョンの標準 CSS 機能を実装します。

于 2013-04-30T19:29:15.100 に答える
1

IE 6-8 で完全なクロス ブラウザー サポートが必要な場合は、次を使用する必要があります。

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );

このツールが役に立つかもしれません: http://www.colorzilla.com/gradient-editor/クロスボーダー CSS グラデーションを自動的に生成します。

于 2013-04-30T19:30:22.817 に答える