position:relative 与position:absolute
来源:互联网 发布:糖豆软件下载 编辑:程序博客网 时间:2024/05/21 21:50
父级元素为position:relative
子元素为position:absolute
如果想让父级元素在子元素之上,即z-index:100; 子元素为z-index:90,这样是不行的,因为子元素始终都是在父级元素之内,且会一直在父元素之上,而不管它的z-index是不是比父级元素的小。
但是我又想让父元素在子元素之上又该 怎么办呢?
解决办法是在父元素的里面再加上一个子元素,让这个子元素和之前的子元素是同一级,且也是position:absolute。让这个元素的z-index比之前的子元素的z-index大一点就好了。例子:
这里做的就是让两个子元素都绝对定位,而且上面导航的那个子元素的z-index比下拉框 的要大,且它的border-bottom:solid 1px #fff,这样就能做出来两者正好在直交的地方会空出来位置,就好像那一块下拉框 没有边框似的效果了。
0 0
- position:relative 与position:absolute
- 理解position:relative 与 position:absolute
- 理解position:relative 与 position:absolute
- 理解position:relative 与 position:absolute
- 理解 position:relative 与 position:absolute
- 理解 position:relative 与 position:absolute
- 理解 position:relative 与 position:absolute
- 理解 position:relative 与 position:absolute
- position:absolute与position:relative的区别
- position属性absolute与relative
- position属性absolute与relative
- position: absolute、relative
- position absolute,relative 定位
- position属性:absolute&relative
- Position定位:relative | absolute
- position absolute和relative
- Position定位:relative | absolute
- css position: absolute relative
- Hadoop2.2.0使用笔记总结(一)
- 汉诺塔III
- Elasticsearch1.4.2 安装中文分词器
- 网站前期优化整合要点,四分析三注意
- SharePoint 2013 场部署
- position:relative 与position:absolute
- C语言内存管理总结-野指针
- PHP运行环境,服务器相关配置
- 神、上帝以及老天爷
- mysql数据库 中文乱码
- Swft学习 传送门
- Dubbo 并发调优的几个参数
- Motivated Word(6)
- 生物识别技术登台CeBIT 除了刷脸还能刷什么