html - 线性渐变叠加在 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/