IE 8.渐变背景+图像

时间:2011-12-26 15:13:43

标签: css internet-explorer-8 gradient

如何让IE8显示渐变背景+图像。这在其他浏览器中是可行的,但在IE中它不起作用。

在其他浏览器中:

/* 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));

2 个答案:

答案 0 :(得分:3)

我找到了问题的答案:

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

答案 1 :(得分:1)

IE8不支持CSS渐变(因此不起作用)。据我所知,IE9的支持有限,IE10将提供完全支持。我不确定你要做什么,但是如果你想要一个前后有渐变的背景图像,如何堆叠两个图像(一个带有渐变,一个带有实际背景)或合并两个成一个图像?