首頁  >  問答  >  主體

前端 - CSS绝对定位容器的位置始终盖在相对定位容器的上面?

下拉列表是绝对定位的。但是请输入验证码的容器是相对定位的,以为你里面有个获取验证码的按钮要用绝对定位。 所以导致了相对定位的容器 始终盖住了绝对定位的下拉列表。 有人能出出主意么。更新。设置绝对定位的index没有效果,设置相对定位的index为-1的话,里面的输入框不能输入了。

PHP中文网PHP中文网2766 天前640

全部回覆(5)我來回復

  • 黄舟

    黄舟2017-04-17 11:35:31

    浮動元素(position)的在的比較是在同一層面上進行的,z-index值大的會顯示在前面.什麼是同一層面呢,下面透過程式碼解釋一下.

    <p class="block1"></p>
    <p class="block2">
        <p class="block3"></p>
        <p class="block4"></p>
    </p>

    假設這裡的元素都是浮動元素,這裡可以看出block1block2是同一層面的,block3block4是同一層面的,我們不能將block1block3進行z-index值比較,這樣做是無意義的.

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:35:31

    絕對定位的z-index比相對定位的z-index大就可以了啊!

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:35:31

    zIndex設定了嗎?

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 11:35:31

    把容器的z-index設定下啊

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:35:31

    有些時候position 為relative或absolute的元素在html中位置靠後的會遮擋位置靠前的元素。可以查是不是這個原因

    回覆
    0
  • 取消回覆