• 人的本质的演变规律:从原始母系氏族社会的公有者经过父系氏族社会私有和公有双重所有者而演变为私有制阶级社会的私有者,然后经过现代社会公有和私有双重所有者... 2019-11-06
  • 这样的帖子写主贴反驳,实在丢不起人! 2019-11-06
  • “道德瘾君子”侮辱了杨女士的善良 2019-10-30
  • 候选案例:“天使之心”儿童先心病救助项目 2019-10-23
  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 黄嘉刚特斯拉困境折射电动车产业困局 2019-10-07
  • OPPO Find X:曲面全景屏,史无前例的屏占比 2019-10-06
  • 古镇灯饰企业为灯饰品牌化鼓与呼 2019-10-06
  • 端午节首日上海多云 没有雨水适合外出 2019-09-23
  • 热身赛-任骏飞19分吴前18分 男篮蓝队主场击败伊朗 2019-09-16
  • 埃隆·马斯克 特斯拉8月将推出“全自动驾驶”功能 2019-09-15
  • 九江召开乡村振兴战略春风行动总结会议 林彬杨出席并讲话 2019-09-15
  • 十三届全国人大一次会议在北京闭幕 2019-09-09
  • 重庆黔江举行119消防文艺汇演活动 2019-09-07
  • 长子县全面推进“四好农村路”建设 2019-09-07
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

    DIV背景半透明,DIV中的字不半透明 

    复制代码
    代码如下:

    <body bgcolor="#336699"> 
    <div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow"> 


    图层背景半透明,字体颜色也半透明 

    复制代码
    代码如下:

    </span></div> 
    <div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">图层背景半透明,字体颜色不半透明</span></div> 


    *******带filter的层一定要有width属性,否则filter无效。******** 

    我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。 

    例: 

    黑白照片 filter: gray; 
    X光照片 filter: Xray; 
    风动模糊 filter: blur(add=true,direction=45,strength=30); 
    正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3); 
    半透明效果 filter: Alpha(Opacity=50); 
    线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140); 
    放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200); 
    白色透明 filter: Chroma(Color=#FFFFFF); 
    降低色彩 filter: grays; 
    底片效果 filter: invert; 
    左右翻转 filter: fliph; 
    垂直翻转 filter: flipv; 
    投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true); 
    马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3); 
    发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5); 
    柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

    如需转载,请注明文章出处和来源网址://www.ziixf.tw/rumen/r50322.shtml

    香港买马资料大全 www.ziixf.tw 如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    香港买马资料大全文章修订日期:2018-08-14 17:37 原创:香港买马资料大全
    本文香港买马资料大全 www.ziixf.tw DIVCSS5版权所有。

  • 人的本质的演变规律:从原始母系氏族社会的公有者经过父系氏族社会私有和公有双重所有者而演变为私有制阶级社会的私有者,然后经过现代社会公有和私有双重所有者... 2019-11-06
  • 这样的帖子写主贴反驳,实在丢不起人! 2019-11-06
  • “道德瘾君子”侮辱了杨女士的善良 2019-10-30
  • 候选案例:“天使之心”儿童先心病救助项目 2019-10-23
  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 黄嘉刚特斯拉困境折射电动车产业困局 2019-10-07
  • OPPO Find X:曲面全景屏,史无前例的屏占比 2019-10-06
  • 古镇灯饰企业为灯饰品牌化鼓与呼 2019-10-06
  • 端午节首日上海多云 没有雨水适合外出 2019-09-23
  • 热身赛-任骏飞19分吴前18分 男篮蓝队主场击败伊朗 2019-09-16
  • 埃隆·马斯克 特斯拉8月将推出“全自动驾驶”功能 2019-09-15
  • 九江召开乡村振兴战略春风行动总结会议 林彬杨出席并讲话 2019-09-15
  • 十三届全国人大一次会议在北京闭幕 2019-09-09
  • 重庆黔江举行119消防文艺汇演活动 2019-09-07
  • 长子县全面推进“四好农村路”建设 2019-09-07
  • 股票涨跌秘笈 阿里巴巴股票代码 股票推荐排名ie=utf-8 分析股票涨跌影响因素 股票指标 20140130上证指数 股票指数期货的概念及交易特点是什么 股票代码查询 网易炒股 st股票涨跌限制