首页 > 其他 > 详细

position:relative 与position:absolute

时间:2015-03-24 14:50:45      阅读:136      评论:0      收藏:0      [点我收藏+]

父级元素为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,这样就能做出来两者正好在直交的地方会空出来位置,就好像那一块下拉框 没有边框似的效果了。

position:relative 与position:absolute

原文:http://blog.csdn.net/sunny327/article/details/44590925

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!