一天快速企业建站,手机建站

    快速建站 - www.copyie.com 承接建站、设计、企业建站一条龙专业服务;100%赢得客户信赖
    微信公众号 big 建站24小时客服
    +微信公众号:鼠标指上并悬停扫描微信

当前位置: 网站首页 > 建站教程 > 建站公司 >

  • 建站品牌
  • 仿站优化
  • 建站教程下载

教你css设置图片背景透明度

时间:2011-06-10 22:33来源:IE建站网 作者:www.copyie.com 点击:

    我们经常会使用到背景图片,但有时候需要把背景图片设置一个半透明的效果,那么就需要以下的CSS了。这是一个CSS滤镜达到的效果,应用十分广泛。 copyright dedecms

    .modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

    织梦好,好织梦

      织梦好,好织梦

    注: 本文来自织梦

    代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下: 内容来自dedecms

    {filter:alpha(opacity=#opacity,finishopacity=#finishopacity,

    内容来自dedecms

    style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

    织梦内容管理系统

    具体参数含义如下:
    “opacity”表示透明度调节,范围在0-100,0表示完全透明,100表示完全不透明。
    “finishopacity” 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
    “style”   指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
    “startx” 渐变透明效果开始处的 X坐标。
    “starty” 渐变透明效果开始处的 Y坐标。
    “finishx” 渐变透明效果结束处的 X坐标。
    “finishy” 渐变透明效果结束处的 Y坐标。

    dedecms.com

    以上的参数可以选用,可以只设置一个opacity
    如果设置成下面代码,就表示背景式半透明的:
    {filter:alpha(opacity=50)} 内容来自dedecms

     

    织梦内容管理系统

    (责任编辑:IE建站网)
    本文版权:教你css设置图片背景透明度转载请附!
相关教程: