网站地图 | qq在线咨询在线咨询您好!欢迎来到济南佳赢信息技术有限公司!欢迎拨打服务热线:18354148895
联系我们

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

文章出处:本站原创 责任编辑:admin 发表时间:2015年05月08日
 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%.

济南网站建设
咨询热线:18354148895推荐阅读
联系我们
  • 18354148895 / 0531-69922053
  • 1056349962@qq.com
  • 济南市槐荫区公交花园9号楼
  • 官方微信
    扫描二维码关注我们
    官方微信
    扫描二维码关注我们
    备案号:鲁ICP备12023357号济南佳赢信息技术有限公司 版权所有