文章详情页
前端 - CSS绝对定位容器的位置始终盖在相对定位容器的上面?
问题描述
下拉列表是绝对定位的。但是请输入验证码的容器是相对定位的,以为你里面有个获取验证码的按钮要用绝对定位。 所以导致了相对定位的容器 始终盖住了绝对定位的下拉列表。 有人能出出主意么。更新。设置绝对定位的index没有效果,设置相对定位的index为-1的话,里面的输入框不能输入了。
问题解答
回答1:浮动元素(position)的在的比较是在同一层面上进行的,z-index值大的会显示在前面.什么是同一层面呢,下面通过代码解释一下.
<p class='block1'></p><p class='block2'> <p class='block3'></p> <p class='block4'></p></p>
假设这里的元素都是浮动元素,这里可以看出block1和block2是同一层面的,block3和block4是同一层面的,我们不能将block1和block3进行z-index值比较,这样做是无意义的.
回答2:绝对定位的z-index比相对定位的z-index大就可以了啊!
回答3:zIndex设置了吗?
回答4:把容器的z-index设置下啊
回答5:有些时候position 为relative或absolute的元素在html中位置靠后的会遮挡位置靠前的元素。可以查查是不是这个原因
标签:
CSS
相关文章:
1. docker images显示的镜像过多,狗眼被亮瞎了,怎么办?2. debian - docker依赖的aufs-tools源码哪里可以找到啊?3. docker start -a dockername 老是卡住,什么情况?4. macos - mac下docker如何设置代理5. golang - 用IDE看docker源码时的小问题6. mac里的docker如何命令行开启呢?7. docker-compose 为何找不到配置文件?8. dockerfile - 为什么docker容器启动不了?9. mac连接阿里云docker集群,已经卡了2天了,求问?10. docker pull 错误?
排行榜