css的position-relative兼容問題與解決辦法

開發中遇到了使用相對定位,發現谷歌瀏覽器和QQ瀏覽器渲染的方式不一樣,對應父級定位不同
解決辦法
把需要定位的元素放在父級中的第一個子元素的位置


在實際使用中發現一個兼容性的問題,position:relative是指針對上級目錄的相對決定定位,他是浮動在頁面上的,但是相對父級是佔有空間的,實驗證明他們的top屬性針對的對象不一致:firefox chome IE7、8等不會出問題,就是針對他的直接parent y座標定位,但是遨遊、騰訊等ie內核的包裝瀏覽器就會不一樣,他們針對的是書寫位置的上一個直接對象,這樣做出來的浮動層在瀏覽器下就不兼容了,y座標不統一

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章