CSS如何设置div半透明效果
2015-12-29 23:02
459 查看
CSS如何设置div半透明效果:
设置元素的透明度在很多应用中都有使用,下面就介绍一下如何设置一个元素为半透明,其他的透明效果自己衍伸就可以了。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> div { filter:alpha(opacity=50); opacity:0.5; width:100px; height:100px; background-color:green; } </style> </head> <body> <div></div> </body> </html>
opacity属性所以标准浏览器都支持,但是IE8和IE8以下浏览器不支持此属性,于是就使用filter:alpha(opacity=50)进行兼容,opacity的取值是0-1,但是filter下的那个取值是0-100。opacity属性可以参阅CSS的opacity属性一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9651
相关文章推荐
- CSS3那些不为人知的高级属性
- CSS学习总结1
- 利用 NotificationManager ,BigTextStyle等,实现普通、自定义、扩展样式,锁屏时,安全通知功能的状态栏通知
- CSS3-html,样式与样式表的创建,选择器
- CSS3 3D转换入门篇
- reset.css
- css3笔记
- CSS3特效:案例&3D转换
- [CSS3 Practice] Simulate MacBook Dock
- 关于 hasLayout-CSS属性
- css部分样式资料
- [CSS3] Transition Function
- 静态页样式 先清除浏览器默认样式--代码
- CSS字体设置概览
- css设置文字不换行,超过的部分用“...”代替
- css绘制三角形
- 常用注释代码样式
- css css3新特性
- 使图片垂直&水平居中的CSS实现方法
- 改下拉框的默认样式,有了这个插件什么都是浮云!