包含ie11HTMLfilter的词条
为什么这段css在ie11 chrome下没有效果
滤镜(filter)是IE自己制定的一种网页效果,并不是CSS的标准,因此所有标准浏览器(包括IE11)都是不支持的,只能在IE6、7、8、9中使用。
安装IE11后,css中的透明度FILTER就失效了,应该如何设置?
设置的代码如下:
.opacity{
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
}
IE11 灰色 CSS滤镜 失效
IE10和IE11在图像滤镜方面还是比较坑爹的,不能执行filter滤镜,而且连svg滤镜也不支持,所以通常是用js来实现这个效果的。
具体可以参考下面这段代码:
var?imgObj?=?document.getElementById('imgToGray');???
??
function?gray(imgObj)?{??
??var?canvas?=?document.createElement('canvas');??
??var?canvasContext?=?canvas.getContext('2d');??
??
??var?imgW?=?imgObj.width;??
??var?imgH?=?imgObj.height;??
??canvas.width?=?imgW;??
??canvas.height?=?imgH;??
??
??canvasContext.drawImage(imgObj,?0,?0);??
??var?imgPixels?=?canvasContext.getImageData(0,?0,?imgW,?imgH);??
??
??for?(var?y?=?0;?y??imgPixels.height;?y++)?{??
????for?(var?x?=?0;?x??imgPixels.width;?x++)?{??
??????var?i?=?(y?*?4)?*?imgPixels.width?+?x?*?4;??
??????var?avg?=?(imgPixels.data[i]?+?imgPixels.data[i?+?1]?+?imgPixels.data[i?+?2])?/?3;??
??????imgPixels.data[i]?=?avg;??
??????imgPixels.data[i?+?1]?=?avg;??
??????imgPixels.data[i?+?2]?=?avg;??
????}??
??}??
??canvasContext.putImageData(imgPixels,?0,?0,?0,?0,?imgPixels.width,?imgPixels.height);??
??return?canvas.toDataURL();??
}??
imgObj.src?=?gray(imgObj);
还有一些跨浏览器的解决方案,代码太多,不贴出来了,百度一下就能够找到。
ie11下设置了filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" 无效
ie9到ie11已经支持CSS3了,用opacity即可。
.opacity{
filter:alpha(opacity=50);
opacity: 0.5;
}
HTML编辑模式需要要IE5.5版本以上的支持,电脑是IE11,怎么办,急需,先谢谢大家了
可能程序不兼容, 可以更换个版本试试。另外建议参考下程序对配置的要求。
或者右键需要运行的程序 选择兼容性 用兼容模式运行试试。