线性渐变叠加层在IE中不起作用

Question

我要放置背景图像并叠加渐变，使叠加文本的深色变得清晰可见。 在IE中，它无法正常工作，因此我正在使用filter:但这会使渐变变得不透明。 并且背景不可见...如何解决？

 .more {display:block;width:33.33%; padding:15px;padding-top:6em;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)), url(http://placeimg.com/760/460/tech ) no-repeat; background-size: cover; border:2px solid white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); text-decoration:none; color:white; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#000000',GradientType=0 ); background-color: #eee;font-family: 'Fira Sans', sans-serif; width:350px;font-weight:bold; font-size:1.45em} 

 <a class="pod more" href="/markup-html-tags-and-formatting/">Markup: HTML Tags and Formatting</a> 

Answer 1

用户以下样式将有望为您完成这项工作

过滤器：progid：DXImageTransform.Microsoft.gradient（startColorStr ='＃eeeeee'，EndColorStr ='＃000000'）;

检查以下链接以快速了解http://www.css3please.com/

Answer 2

这似乎有效...

/* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#550000FF, endColorstr=#550000FF
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#550000FF, endColorstr=#550000FF
);

链接 ： http ： //jsfiddle.net/ps7h7bf3/