任何想法如何使用线性渐变的背景图像在IE 11上工作？
以下代码在IE 10上工作正常,但在IE 11上不起作用.
background-image: url(IMAGE),-ms-linear-gradient(top,#ffffff,#BEE38F);
我可以使用以下过滤器在IE 6-9,11上进行线性渐变,但在这种情况下不显示背景图像.
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#BEE38F',GradientType=0 )
我开放的想法.
更新：这是我现在的代码.
background-image: url(IMAGE),-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#BEE38F)); background-image: url(IMAGE),-webkit-linear-gradient(top,#BEE38F); background-image: url(IMAGE),-moz-linear-gradient(top,-o-linear-gradient(top,linear-gradient(to bottom,#BEE38F); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',GradientType=0 );
解决方法
线性梯度()在IE10 RTM和更高版本(包括IE11)上支持未修改.您不需要-ms-前缀,除非有一些模糊的原因,您需要定位IE10的预发行版本.
请注意,linear-gradient()的方向语法不同;最初的顶部现在代表了底部(参见this blog post,this question和spec的详细信息)：
background-image: url(IMAGE),#BEE38F);
