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

我放置一个背景图像并叠加渐变使其更加黑暗的叠加文本清晰可见。在IE浏览器不工作，所以我使用filter:，但这使梯度不透明。和背景是不可见的...如何解决它？线性渐变叠加在IE中不工作

.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>

来源

2014-11-24 Debajyoti Das

http://www.colorzilla.com/gradient -editor/ – vsync 2014-11-24 10:18:31

@vsync - 选择透明色'filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃00000000'，endColorstr ='＃a6000000'，GradientType = 0）; '仍然背景在IE浏览器中不可见 – 2014-11-24 10:32:00

你是否在另一个IE中验证了这一点？也许另一个版本？如果我没有记错，这只适用于IE9及以下版本。你测试过什么IE版本？ – vsync 2014-11-24 10:59:45

这似乎是工作...

/* 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/

来源

2015-02-13 14:07:42

用户下面的样式将有希望做的工作适合你

过滤器：进程id：DXImageTransform.Microsoft.gradient（startColorStr = '＃EEEEEE'，EndColorStr ='＃000000 “）;

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

来源

2014-11-24 11:11:39

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

回答

相关问题