包含ie11HTMLfilter的词条

http://www.itjxue.com  2023-03-02 22:58  来源:未知  点击次数: 

为什么这段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,怎么办,急需,先谢谢大家了

可能程序不兼容, 可以更换个版本试试。另外建议参考下程序对配置的要求。

或者右键需要运行的程序 选择兼容性 用兼容模式运行试试。

(责任编辑:IT教学网)

更多

推荐照片处理文章