有什么方法可以代替css滤镜

html-css07

有什么方法可以代替css滤镜,第1张

CSS3滤镜:

灰度 -webkit-filter:grayscale(x1)

模糊 -webkit-filter:blur(x1px)

褐色 -webkit-filter:sepia(x1)

曝光 -webkit-filter:brightness(x1)

色相旋转 -webkit-filter:hue-rotate(x1deg)

反色 -webkit-filter:invert(x1)

饱和度 -webkit-filter:saturate(x1)

对比度 -webkit-filter:contrast(x1)

前面加前缀:

-moz- Firefox

-webkit- Safari Chrome

-ms-IE

-o- opera

可以达成IE滤镜的一些功能

IE10 不支持 pointeEvents

可以在元素被点击时,判断水印是否是 target,如果是进行阻止就行了。

根据你提供的JavaScript,都是用于阻止点击事件冒泡的,理论上就是阻止了点击行为。

所以你的问题应该是已经被解决才对。

另外,这两个保留上面那一个可以了,下面那个重复可以删除

相关知识

preventDefault

stopPropagation

cancelBubble(支持低版本的IE)