2011-12-26 91 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 background-image:url(gxt/images/my/eye.png),-o-linear-gradient(top,#FFFFFF 0%,#EFCA11 100%); (gxt/images/my/eye.png),-webkit-gradient(線性,左上,左下,停止顏色(0))。 ,#FFFFFF),color-stop(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將提供全面支持。我不確定你想要做什麼,但是如果你想在前後使用漸變背景圖像,那麼如何堆疊兩個圖像(一個使用漸變,一個使用實際背景)或合併成一個圖像?

+1

hmmm,IE8支持漸變。 濾波器:的progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF',endColorstr = '#EFCA11'),URL(GXT /圖像/我/ eye.png); – MyTitle

+0

這些不是CSS漸變(很好,通過CSS啓用,但不是實際的CSS漸變)。另外,我不確定他們的行爲是否與本地行爲完全相同。 – Mario