关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

css图片滤镜效果的显示与作用

作者:佚名   时间:2014-02-08   分享到:

css滤镜是ie5.5浏览器上以版本提供的一套机制,可以对界面元素提供更加丰富的外观控制,尽管没有其它浏览器的支持,但因其出色的效果,css滤镜仍然受到不少设计师的认可与好评,可以使网页在非ie浏览器中正常显示,而在ie浏览器中则有更好的表现,例如现在觉的图片渐变,就是使用css滤镜实现的,其效果甚至可以和flash一样.
   css滤镜的基本语法和css语法类似,也支持选择器指定,只是在属性中使用filter作为属性名,属性的值为具体的滤镜内容.代码如下:
  div#div2
{
  height:60px;
  background-color:#fff;
css图片滤镜效果的显示与作用
}
  这段css就是将id为div2的<div>的背景色设为白色,并设置50%的透明度,下面以一个图片为例说明这个透明滤镜的效果,我们在做网页的时候可以找一个图片,对<img>标记采用透明滤镜:
css图片滤镜效果的显示与作用
  当图片执行了以上的代码后,图片的透明度就变成了原图的50%.



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n3204.html

上海联楷网络新闻