div絕對定位針對手機瀏覽器的區別

2021-09-06 14:45:31 字數 1053 閱讀 9875

最近在對ipad和安卓平板做測試,發現我自己寫的乙個下拉控制項在安卓瀏覽器裡面被遮蓋了,但是pc或者ipad都沒有這個現象,一開始以為是z-index 可是無論我調多少都沒有用,研究了好久,發現是**的位置問題

首先我們看下效果圖

在電腦上我用的是ie

在安卓瀏覽器我用的是qq瀏覽器(hd)

可以發現,安卓上面被遮擋了

原因就是我把mydiv1放在外層inputdiv_1的裡面

**:

"

inputdiv_1

">

"price_1

" name="

price_1

" value="" autocomplete="

off" οnfοcus="

getbuyprice(this)

" οnblur="

inputvalue(this);summoeny();

">

"mydiv1

" style="

position: absolute; left: 725.5px; top: 113px;

">

"width: 197px

"class="

downlist

">

這樣父元素就會把子元素遮蓋了

如果把mydiv1提到外層和父元素同級,則就不會被遮蓋了

正確**如下:放在

後面

"mydiv1

" style="

position: absolute; left: 725.5px; top: 113px;

">

"width: 197px

"class="

downlist

">

這樣無論是安卓瀏覽器還是ie都顯示在最頂層了

手機瀏覽器的未來

手機瀏覽器的未來 文 王英雄 很多朋友都問我 ucweb的前景如何?或者問 怎麼看ucweb未來的市場 我總會想到乙個微軟當時和網景瀏覽器之爭。說這話要說到10多年前,當時微軟推出了劃時代的windows95作業系統,但是微軟並不太重視pc的瀏覽器問題,這時位於美國矽谷的一家叫做網景公司開始發力了,...

手機瀏覽器的未來

手機瀏覽器的未來 文 王英雄 很多朋友都問我 ucweb的前景如何?或者問 怎麼看ucweb未來的市場 我總會想到乙個微軟當時和網景瀏覽器之爭。說這話要說到10多年前,當時微軟推出了劃時代的windows95作業系統,但是微軟並不太重視pc的瀏覽器問題,這時位於美國矽谷的一家叫做網景公司開始發力了,...

絕對定位中瀏覽器視窗變化導致的位移差異

今天發現使用position屬性的絕對定位時,如果使用了margin auto的居中背景便會出現定位元素隨著瀏覽器視窗的大小不同而出現與背景的差異。position absolute這裡先埋個坑,改天再來填。值描述 absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進...