前端 - CSS绝对定位容器的位置始终盖在相对定位容器的上面?
本文介绍了前端 - CSS绝对定位容器的位置始终盖在相对定位容器的上面?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
下拉列表是绝对定位的。但是请输入验证码的容器是相对定位的,以为你里面有个获取验证码的按钮要用绝对定位。 所以导致了相对定位的容器 始终盖住了绝对定位的下拉列表。 有人能出出主意么。更新。设置绝对定位的index没有效果,设置相对定位的index为-1的话,里面的输入框不能输入了。
解决方案
浮动元素(position
)的在的比较是在同一层面上进行的,z-index
值大的会显示在前面.什么是同一层面呢,下面通过代码解释一下.
<div class="block1"></div>
<div class="block2">
<div class="block3"></div>
<div class="block4"></div>
</div>
假设这里的元素都是浮动元素,这里可以看出block1
和block2
是同一层面的,block3
和block4
是同一层面的,我们不能将block1
和block3
进行z-index
值比较,这样做是无意义的.
这篇关于前端 - CSS绝对定位容器的位置始终盖在相对定位容器的上面?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文