CSS教程:避免使用滤镜

2016-02-20 00:09 8 1 收藏

get新技能是需要付出行动的，即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是CSS教程:避免使用滤镜，一起来学习了解下吧！

【 tulaoshi.com - Web开发】

IE独有属性AlphaImageLoader用于修正7.0以下版本中显示PNG图片的半透明效果。这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素（不仅仅是图片）它都会运算一次，增加了内存开支，因此它的问题是多方面的。

完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式来代替，这种格式能在IE中很好地工作。如果你确实需要使用AlphaImageLoader，请使用下划线_filter又使之对IE7以上版本的用户无效。

这是yahoo网站性能最佳体验的其中一条，但滤镜对页面性能影响到底有多大，目前好像还没有正式的测试结果可参考，你知道吗？

来源:http://www.tulaoshi.com/n/20160220/1631376.html

上一篇： WEB标准的思想是什么？
下一篇：怎样使用Word 2000的屏幕提示帮助？

看过《CSS教程:避免使用滤镜》的人还看了以下文章更多>>

图片CSS滤镜-发光效果

标签： Web开发

一、代码： DIV style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 384px; HEIGHT: 304px" align=centerbrIMG src="图片网址" /DIV 二、参数说明: color --发光颜色 strength --发光强度虑镜宽=图片宽度+发光强度x2 虑镜高=图片高度+发光强度x2+10

PS入门教程：使用抽出滤镜

标签： PS基础 PS抠图

1405在合成图像的制作中，经常需要将物体与背景分离，如果物体与背景的边界分明则分离的操作较为容易。但如果物体的边缘复杂，尤其是动物毛发这样的情况时，传统的方法就很难使用。我们学习过使用复制并修改通道，然后将其转为选区后建立蒙版这个方法。它虽然可以分离出非常复杂的物体，但也有限制，因为其中有一步是要用画笔涂抹Alpha通道...

Photoshop使用抽出滤镜抠图教程

标签： PS PS基础

抽出滤镜是一种采用先进算法的高级滤镜。当主体边缘有丝状物(如头发)时，只要丝状物与背景有一定的色彩或灰度差别，用抽出滤镜抠图，就能毫发无损。不知道为什么，在阿刀背官方PS-CS4版本里，抽出滤镜被删除。其实，在CS4中恢复抽出滤镜功能并不难。只要将PS cs3 10.0中的抽出滤镜组件(文件名：ExtractPlus.8BF )复制到PS cs4 11.0的Adobe Ph...

PS入门教程：使用液化滤镜

标签： PS基础 PS抠图

液化其实与抽出同属于一种功能扩展，估计是没有其他地方可以存放，因此放置在了滤镜菜单中。液化的作用是扭曲图像，它的雏形就是我们学习过的涂抹工具，依据鼠标的移动轨迹来改变图像内容。属于一种“涂鸦”工具，经常被用来恶作剧，比如将某个人物的面部进行各种搞怪处理等。下图中演示了5种液化工具的效果。 1410向前变形工具〖W〗就...

CSS3教程:在CSS中使用的颜色

标签： Web开发

译自：Playing Around with CSS3 Colors 中文：玩转CSS3色彩传统来说，大家在CSS中使用的颜色要么是16进制格式，要么是rgb格式，就像rgb(171,205,239)。 CSS3 带来了一些新的处理颜色的方法，比如使用HSL(Hue, Saturation, Light) 和opacity/alpha通道。不幸的是，现在只有Firefox 3+, Chrome 1.0+ 和Safari 3+ 以及一些衍生的浏览器...

查看更多精彩>>