蓝叶博客

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 网站设计 > CSS中半透明代码应用

CSS中半透明代码应用

蓝叶    网站设计    2012-12-12    4030    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);
评论一下 分享本文 赞助蓝叶

赞助蓝叶X

扫码赞助蓝叶
联系站长
蓝叶博客
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
dualdng
dualdng2012-12-13 08:57回复
#3
这个有用收下了
Tod
Tod2012-12-12 23:22回复
#2
呵呵,小宇宙爆发了,每天一篇啊!
蓝叶
蓝叶2012-12-13 08:45回复
@Tod:哈哈!
简单
简单2012-12-12 17:26回复
#1
蓝叶兄这段时间更新文章的很猛啊...
快捷导航返回顶部
你问我答
技术QQ群
音乐QQ群
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部