IE9渐变+图片 [英] IE9 gradient + image

问题描述

我想将 filter CSS属性用于渐变和图像。我发现并尝试了以下类似操作：

I want to use the filter CSS property for both a gradient and an image. I found and tried something like the following:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Controls/Calendar/Events/email.png'), progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9D9D9', endColorstr='#989898',GradientType=0 ); /* IE6-9 */

问题在于仅应用了过滤器的第一部分。有人知道怎么做吗？

the problem is that only 1st part of the filter applies. Does anyone know how to do it?

推荐答案

根据 Microsoft开发人员网络，您可以应用多个过滤器，方法是用空格分隔。

According to the Microsoft Developer Network, you can "apply multiple filters", by separating them with spaces.

使用以下代码（两个过滤器之间没有逗号）应该有效：

Using the following code (no comma between the two filters) should work:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Controls/Calendar/Events/email.png') progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9D9D9', endColorstr='#989898',GradientType=0 ); /* IE6-9 */

这篇关于IE9渐变+图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！