现在你或许会奇怪,为什么我们要采用全新的透明度opacity滤镜,而不是使用已经用了很多年的opacity属性。事实上,它们的效果的确是相同的。0%,完全透明;100%,完全不透明。我们既可以用数字也可以用百分比,.75等同于75%

.filter { 
filter : opacity(.75); }

那么,相对于以前的属性,新的滤镜有哪些优势呢?至少有两个方面。第一,透明度opacity滤镜可以与其他滤镜进行组合,实现有趣的效果。第二,某些浏览器将来会在CSS滤镜上使用硬件加速,以此提高网页渲染速度。