css滤镜的是与非

zxh5566  2016-07-22 06:16   Hits: 

CSS滤镜的功能有很多,在实际运用中也表现得相当强大。如果要将CSS滤镜的功能完完全全地介绍一遍,那估计得要一本书才能介绍完毕。功能再强大的CSS滤镜都是各个浏览器的私有属性,并不像CSS样式中的大部分属性一样都可以解析。

IE浏览器中的CSS滤镜主要包括界面滤镜、转换滤镜和静态滤镜。这3种滤镜分别由很多个不同功能的滤镜组成,其中有前面提到过的透明滤镜、支持PNG-24格式的图片的滤镜,还有光照效果、灰度显示对象内容等诸多滤镜,这里不再一一介绍,有兴趣的读者可以从网络中搜索一下关于CSS滤镜的信息。在CSS滤镜手册中有详细细的CSS滤镜介绍及使用方式介绍。

由此可见,CSS滤镜美化页面的效果远远比CSS样式美化页顶印效果好,而且都是利用代码直接完成的,并未修改图片效果。但漂亮的东西总是需要付出代价的,例如“魔世界”中的那些招式对于所有的游戏玩家都是认同的,很炫很酷,但这款游戏却不是所有的机子都“享受”得了。过于酷炫的效果需要硬件设备的支持,无法达到相应硬件设备条件的计算机只能望洋兴叹。
 
同理,在网页中使用过多的CSS滤镜将会成为客户端的承受能力的考验,承受不了考验的用户将会选择关闭该网页,甚至以后都不光顾这个网站。使用CSS滤镜制作的酷炫页面最终导致的结果将有可能是失去用户。

为了避免这类情况的发生,建议在一个页面中尽可能少用CSS滤镜,或者可以考虑使用图片代替CSS滤镜所产生的页面效果。目前我们所分析的情况都是基于姬浏览器使用CSS滤镜,如果需要使用滤镜,我们还要考虑其他浏览器中是否有相同效果的滤镜存在。例如,对于透明效果的CSS滤镜,IE浏览器使用的是filter:alpha(opacity=60);方式,而FF浏览器则使用opacity:O.6;方式;而对于PNG-24格式的图片,FF浏览器完全不需要使用滤镜,而IE 6浏览器却需要使用滤镜才能正常显示。

鉴于CSS代码这些特点,如果需要使用CSS滤镜渲染页面效果,我们还要增加较多的代码工作量才能完成。因此在考虑使用CSS滤镜之前,我们需要思考以下这么几个问题:面中使用CSS滤镜的次数会不会过多。用CSS滤镜是不是会占用较多的CPU。能否使用图片直接代替由CSS滤镜产生的效果。用CSS滤镜后,会不会影响到页面中的内容操作(部分滤镜使用后,需要一个空的标签,否则会影响页面中的文字选择或者链接的单击效果)。在网页中使用CSS滤镜虽然能增强很多页面的表现效果,但过度依赖于CSS滤镜将会增加页面性能的压力。

在适当的情况下使用合适的滤镜才能提升页面的整体表现效果及页面性能。作为天津网站制作开发团队中的一员,我们需要考虑的是普通用户在使用网站的过程中却是否会受到这些又酷又炫的CSS滤镜的限制。

上一篇:兼容各大主流浏览器的清除浮动方法
下一篇:列表制作音乐榜单的实例