IE 8.渐变背景+图片答案

【问题标题】：IE 8. Gradient background+imageIE 8.渐变背景+图片
【发布时间】：2011-12-26 15:13:42
【问题描述】：

如何让 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));

【问题讨论】：

你在其他浏览器中的表现如何？
例如：/* 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), 颜色停止(1, #EFCA11));

标签： css internet-explorer-8 gradient

【解决方案1】：

我找到了问题的答案：

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

【讨论】：

【解决方案2】：

IE8 不支持 CSS 渐变（因此无法使用）。据我所知，IE9 的支持有限，而 IE10 将提供全面支持。我不确定你要做什么，但如果你想要一个在前面或后面有渐变的背景图像，如何堆叠两张图像（一张带有渐变，一张带有实际背景）或合并两者合为一张图片？

【讨论】：

嗯，IE8 支持渐变。过滤器：progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFCA11'), url(gxt/images/my/eye.png);
那些不是 CSS 渐变（嗯，通过 CSS 启用，但不是实际的 CSS 渐变）。此外，我不确定它们的行为是否与原生的完全一样。