iOS手機定位層級問題

2021-09-28 13:33:19 字數 944 閱讀 2251

style

="position

: relative

">

style

="position

: relative

" class

="top"

>

>

div>

div>

style

="position

: absolute;

z-index

:9999

" class

="bottom"

>

>

div>

div>

div>

此時你的預料效果是bottom元素在top元素上面,因為按理說非static的定位比較的是同級的層級大小(子元素比較層級先比較父元素層級大小),所以會出現預料的效果,然而在ios上卻不是的。

解決辦法,增加z-index,示例**如下:

style

="position

: relative

">

style

="position

: relative;

z-index

: 1"

class

="top"

>

>

div>

div>

style

="position

: absolute;

z-index

:9999

" class

="bottom"

>

>

div>

div>

div>

問題發現於公司開源的ui框架,在內部使用時發現輪播圖外掛程式下方對應輪播索引的按鈕沒有顯示。

CSS問題 定位 層級

參考資料 css定位position引發的層級關係問題詳解 概念 用於指定乙個元素在文件中的定位方式 常見語法 static relative absolute sticky fixed 大多數情況下,height和width 被設定為auto的絕對定位元素,按其內容大小調整尺寸。但是,被絕對定位的...

說說table下面定位層級的問題

先來看看問題是怎樣的 問題描述 就是乙個table,我們想實現的效果是hover到比如標題上面,展示乙個視窗的姑且,上面展示一些詳細的內容。這樣的效果,雖然用div列表也可以實現,但是table總有table的優勢,我們這裡就講table。這時候就開動了,很多人的想法,很簡單嘛,首先td相對定位,然...

浮動 定位和層級

浮動的 float left 左浮動 float right 右浮動浮動的特點 如果父盒子中有乙個子盒子,父盒子沒有設定高度,子盒子浮動,那麼父盒子不能被子盒子撐開,即父盒子高度為0,這時下面的盒子會佔位。在浮動的盒子之下再放乙個標籤,在這個標籤中使用clear both,來清除浮動對頁面的影響。又...