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

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

filter：progid：DXImageTransform.Microsoft.gradient（startColorStr =＆＃39; #eeeee＆＃39;，EndColorStr =＆＃39;＃000000＆＃39;）;

查看以下链接，以便快速了解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/

线性渐变叠加不在IE中工作

2 个答案: