现在位置:首页 > 网站设计 > CSS中半透明代码应用

CSS中半透明代码应用

作者:蓝叶 分类:网站设计 时间:2012-12-12 浏览:7722 评论:4

CSS中半透明代码应用

做网页的时候,有时为了搭配好看需要设置层样式为透明或者半透明,就如我现在的页面加入了大背景图片,如果不设置页面内容区为半透明状态,突出不了背景的作用,也显得不那么协调,那么如何设置CSS样式为透明或者半透明呢;CSS2中可以简单实现,但是字体同时也跟随CSS样式变的透明了,那样真的不怎么好看,CSS3中的透明代码可以让字体不跟随背景透明,现在使用非谷歌浏览器的人还是很多,为了区别不同浏览器载入不同代码也可以实现的,具体CSS样式代码如下:

CSS2样式:filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100;background-color:#ffffff;
CSS3样式:background:rgba(252,252,252,0.6);

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

猜您喜欢
    评论列表
    挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
    提交评论

    清空信息
    关闭评论
    dualdng
    dualdng游客
    #3
    这个有用  收下了
    2012-12-13 08:57回复
    Tod
    Tod游客
    #2
    呵呵,小宇宙爆发了,每天一篇啊!
    2012-12-12 23:22回复
    蓝叶
    蓝叶游客
    @Tod:哈哈!
    2012-12-13 08:45回复
    简单
    简单游客
    #1
    蓝叶兄这段时间更新文章的很猛啊.  ..
    2012-12-12 17:26回复
    音乐欣赏
    返回顶部