移動端的絕世之坑1(求大神解答)

2021-08-25 14:03:22 字數 471 閱讀 4130

無論怎麼設定其堆疊次序,絕對定位的元素都無法蓋住和自己平行的乙個元素。直接上**和效果圖

1、#ele_cont要溢位

2、#container的overflow必須是hidden或scroll

3、body必須是旋轉90度,其他任何角度均無效

4、必須在移動端除錯看,pc端無效

後來,我又懷疑,#ele_cont溢位使裡面的#ele的堆疊次序上公升了,於是降低其堆疊次序,發現也產生效果了。直接上**和效果圖

能發現這種奇怪的現象純屬巧合,還請大神們幫忙看下

移動端的那些坑

首先我們來看乙個結構 div class header div div class main div div class footer textarea textarea div 其實就是最基本的上中下布局而已,問題是header和footer需要分別fixed到頭部和底部。遇到的都知道在ios的s...

fixed在移動端的坑

fixed在某些情況下可能導致容器內的子元素的1px邊框線消失,即使使用z index也無法解決。解決方法 可以使用translatez屬性來解決 fixed定位的容器內不能帶有input,這是常見的bug。解決方法 在input聚焦的時候去掉fixed定位狀態,改為absolute。fixed 可...

移動端的適配坑(一)

1.background 在vue的環境下 有的安卓手機背景圖 顯示不出來!原因 vue cli配置原因 2.高度不一致的各種問題 樣式沒有reset 導致的 3.用flexible定義rem的時候 if width dpr 540 上面的 會導致視口超過540 高度什麼的開始不適配了 4.vue專...