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

标签 html css internet-explorer

我正在放置一个背景图像并叠加一个渐变色以使其更暗,叠加文本清晰可见。在 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>

最佳答案

希望使用以下样式可以为您完成工作

过滤器:progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#000000');

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

关于html - 线性渐变叠加在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27102398/

相关文章:

html - 模态出现在固定导航栏后面

html - 带虚线或虚线边框的圆圈

html - 位置固定在 IE 中不起作用

html - 将表格放在超链接内 - 在 IE 中不起作用

php - 如何通过 href 标签传递变量

regex - HTML5 表单输入模式正则表达式的行为不符合预期

css - 语义标记与一致的排版

css - IE 中的输入字段未垂直对齐

jquery - 在大多数情况下我应该使用 jQuery 控件而不是 HTML/asp.net 控件吗?

javascript - 列表项变化高度问题