我需要使用全尺寸的图片作为背景,我需要该图片有亮度过滤器。跨浏览器亮度过滤器使用css的img
现在它只在Chrome
和Firefox
上工作,最后一个使用svg。
这是我有:
img.fullscreenIMG
{
display:block;
position:absolute;
z-index:1;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright30'><feComponentTransfer><feFuncR type='linear' slope='0.30'/><feFuncG type='linear' slope='0.30' /><feFuncB type='linear' slope='0.30' /></feComponentTransfer></filter></svg>#bright30");
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
}
的Safari 5.1.7 Windows
不符合这方面的工作,既不Internet Explorer 11.
我缺少什么?你能推荐我任何其他方式来完成相同的?
感谢
无论是系统的Safari 5.x也IE11支持'filter',请参阅:http://caniuse.com/css-filters – Dai
如果重做IMG作为联SVG内,和SVG走一路那么它将在IE10中工作。 (Safari/Windows是一个死的产品顺便说一句,它停止与版本5) –