css - IE9 - 占位符和背景图像与渐变相结合的问题

Question

我有一个 HTML 文本输入字段和属性 placeholder:

<input type="text" placeholder="Filter results...">

不幸的是，placeholder 属性似乎不起作用？我以为它是在 Internet Explorer 9 中实现的？您可以在此处查看演示:http://jsbin.com/esiya3/5/ - http://jsbin.com/esiya3/5/edit

此外，我对 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0')"; 与背景图像。在所有其他浏览器中，Firefox、Opera、Safari、Chrome 会显示渐变和背景图像。只有在 IE 9 中背景图像不存在。我必须排除渐变，然后我才能看到图像。但是我该怎么做才能同时拥有这两者呢？

这是带有渐变的演示: http://jsbin.com/esiya3/5/ - http://jsbin.com/esiya3/5/edit

没有渐变: http://jsbin.com/esiya3/6/ - http://jsbin.com/esiya3/6/edit

也许有人有想法？

提前致谢并致以最诚挚的问候。

Answer 1

您可以将渐变滤镜与 alpa 图像加载器结合使用:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png')
    progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');

解决渐变图片问题。