線性漸變疊加層在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/