返回首页 | 网站案例 | 帮助中心

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

深圳网站建设

服务热线:18038067647

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

时间:2014-2-8

   CSS滤镜是IE5.5浏览器上以版本提供的一套机制,可以对界面元素提供更加丰富的外观控制,尽管没有其它浏览器的支持,但因其出色的效果,CSS滤镜仍然受到不少设计师的认可与好评,可以使网页在非IE浏览器中正常显示,而在IE浏览器中则有更好的表现,例如现在觉的图片渐变,就是使用CSS滤镜实现的,其效果甚至可以和Flash一样.
   CSS滤镜的基本语法和CSS语法类似,也支持选择器指定,只是在属性中使用Filter作为属性名,属性的值为具体的滤镜内容.代码如下:
  div#div2
{
  height:60px;
  background-color:#fff;

}
  这段CSS就是将id为div2的<div>的背景色设为白色,并设置50%的透明度,下面以一个图片为例说明这个透明滤镜的效果,我们在做网页的时候可以找一个图片,对<img>标记采用透明滤镜:

  当图片执行了以上的代码后,图片的透明度就变成了原图的50%.

建站流程

    深圳网站建设流程