CSS中<div>透明度(opacity)与叠放层级(z-index)
来源:互联网 发布:java ssh连接 编辑:程序博客网 时间:2024/06/11 14:11
当我们做前台Web的时候,为了达到预期的效果,经常需要设置div的透明度或者是叠放层级,下面我们就分别来看看如何很好的来使用filter和z-index。
filter
主要语法为:filter: alpha(opacity=80); opacity:0.8;
其中opacity的中文意思为不透明性; 费解; 难懂; 模糊,可想它的值越大越不透明,最小为0,最大为1。值得注意的是,现在许多浏览器都支持opacity:0.8;这样的写法,不用定义filter,但是ie似乎不行。为了兼容性最好都写上。
z-index
当我们定义的CSS中有position属性值为absolute、relative或fixed,z-index方可生效。并且此属性参数值越大,则被层叠在最上面,默认为0。
0 0
- CSS中<div>透明度(opacity)与叠放层级(z-index)
- z-index与opacity
- css z-index层级关系
- CSS中z-index的层级树概念
- position、opacity与z-index的组合
- DIV position z-index 设置层级
- [自用门户]2个div透明度+z-index可以使2个div重叠,z-index越大代表显示在最上面层级越高
- css的z-index改变层级
- 【CSS疑难杂症】z-index 层级树
- 一天搞定CSS:层级(z-index)--18
- CSS:透明度 opacity与rgba()的区别
- 【css】 div z-index 属性
- css中z-index与position
- CSS 透明度 opacity
- css中z-index
- z-index层级在IE中无效
- z-index层级在IE中无效
- z-index层级在IE中无效
- android手机执行linux命令 如telnet ifconfig ping
- listview中item点击无反应
- intellij IDEA 15.0破解到运行第一个javaweb实例
- 网络基本概念之TCP, UDP, 单播(Unicast), 多播(组播)(Multicast)
- 原始套接字SOCK_RAW
- CSS中<div>透明度(opacity)与叠放层级(z-index)
- PhoneGap开发环境搭建及入门
- log4j配置详解
- FSL安装
- WebView
- android handler的警告Handler Class Should be Static or Leaks Occur
- 二叉查找树
- SQL Server Collation介绍
- 点击TextField禁止弹出键盘