div背景のグラデーションスタイルがIEで動作していません

-1

私が取り組んでいるウェブページに挿入されるロゴのためのすてきなフレームを作ろうとしています。何らかの理由で、IEはそのdivをフェードする色で表示しません。私が望むのは、あらかじめ定義された次元を持つ空のdivの単純な勾配です。 Googleクロムは私が望むようにそれを表示していますが、IEは何も表示していません。単語を理解することなく、hereのグラデーション部分をコピーしたので、それをデバッグすることはできません。ここでdiv背景のグラデーションスタイルがIEで動作していません

コードは（非常に減少したバージョンで）です：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="iso-8859-8-i"> 
<style> 
#headGreen{ 
    float: left; 
    margin: 52px 0px 0px 0px; 
    width : 300px; 
    height: 30px; 
    background-image: linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -o-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -moz-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -webkit-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 
    background-image: -ms-linear-gradient(right , rgb(255,255,255) 50%, rgb(68,179,68) 62%); 

    background-image: -webkit-gradient(
     linear, 
     right top, 
     left top, 
     color-stop(0.04, rgb(255,255,255)), 
     color-stop(0.82, rgb(68,179,68)) 
    ); 
} 
#header{ 
    width: 800px; 
    height: 100px; 
} 
</style> 
</head> 
<body> 
<div id="header"> 
<div id="headGreen"></div> 
</div> 
</body> 
</html>

私はIE9を使用していますが、私はそれがまた、他の人に仕事をしたいと思います。ありがとう:)

出典

2012-03-13 Ramzi Kahil

重複http://stackoverflow.com/questions/3934693/gradients-in-internet-explorer-9？つまり、あなたはできません。MSIEフィルタを使用する必要があります。 – anothershrubery

-ms-linear勾配は10

使用以下IEでのみ使用可能です：

filter

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0); 
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";

はIE8で推奨されてIE7-

-ms-filterでサポートされています - 9.重要な注意：プロパティ値はとなります。

グラジエントフィルタの構文に関する詳細な説明については、CSS3 cross browser linear gradientを参照してください。

出典

2012-03-13 14:38:24

グラデーションの生成にはUltimate CSS Gradient Generatorを使用することをおすすめします。

IEのネイティブフィルタを使用し、IE6に至るまでの互換性を保証します。私はこれをいつも使っています。

出典

2012-03-13 14:38:15 gmeben

私はIE9はすでに私が見つけたすべてはこれです、これを支援しているとは思わない：CSS3を参照

http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

IE10がそれをサポートしていますしてください。

http://css3please.com/

私は、彼らがそうであるように古いバージョンが動作すると思います：

/*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0); 
/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)"; 

    background-color: transparent; 
    background-color: rgba(180, 180, 144, 0.6); 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99B4B490,endColorstr=#99B4B490); 
      zoom: 1;

出典

2012-03-13 14:39:04

だけIEで読み取ることwlil次のフィルタ：

#headGreen{ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#44B244'); 
}

出典

2012-03-13 14:40:06 spacebiker

グラデーションでInternet Explorerはバージョン6に戻ってきましたか？

心配なし！ CSS3Pieをチェックしてください。

http://css3pie.com/

おかげで、このことができます願っています！ Aaron

出典

2012-03-13 15:46:15

このサイトは大変です！私はすでに働いている別の答えを取ったが、それは私が必要とするいくつかの他のものがある...ありがとう！ :) –

私は助けることができてうれしいです。 CSS3Pie Martinをお楽しみください！： - D。私はそれをいつも使っています。 –

div背景のグラデーションスタイルがIEで動作していません

答えて

関連する問題