2011-12-26 10 views
0

IE8でグラデーションの背景+画像を表示するにはどうしたらいいですか?これは他のブラウザでは可能ですが、IEではうまくいきません。他のブラウザでIE 8.グラデーションの背景+画像

/* Opera */ 
background-image: url(gxt/images/my/eye.png) , -o-linear-gradient(top, #FFFFFF 0%, #EFCA11 100%); 
/* Webkit (Safari/Chrome 10) */ 
background-image:url(gxt/images/my/eye.png) , -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EFCA11)); 
+1

あなたは他のブラウザでそれをやっているどのように? – keyboardP

+0

例:/ * Opera */ \t背景画像:url(gxt/images/my/eye.png)、-o線形グラデーション(上、#FFFFFF 0%、#EFCA11 100%); */Webkit(Safari/Chrome 10)*/ \t背景画像:url(gxt/images/my/eye.png)、-webkit-gradient(線形、左上、左下、カラーストップ、#FFFFFF)、カラーストップ(1、#EFCA11))。 – MyTitle

答えて

3

私は私の質問への答えが見つかりました:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EFCA11",GradientType=0), progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gxt/images/my/eye.png"); 
1

IE8はCSSグラデーションをサポートしていません(そのためには動作しません)。 IE9は私が覚えている限り、限られたサポートを持っており、IE10は完全なサポートを備えています。私はあなたが何をしようとしているのかはわかりませんが、前後のグラデーションを持つ背景画像を望む場合、2つの画像を重ねる方法(グラデーションを使用する方法、実際の背景を使う方法)、または両方をマージする方法1つのイメージに?

+1

hmmm、IE8サポートグラジエント。 フィルタ:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF'、endColorstr = '#EFCA11')、url(gxt/images/my/eye.png); – MyTitle

+0

これらはCSSグラディエントではありません(実際にはCSSで有効になっていますが、実際のCSSグラディエントではありません)。また、ネイティブのものとまったく同じように動作するかどうかはわかりません。 – Mario

関連する問題