css的position-relative相容問題與解決辦法
開發中遇到了使用相對定位,發現谷歌瀏覽器和QQ瀏覽器渲染的方式不一樣,對應父級定位不同
解決辦法
把需要定位的元素放在父級中的第一個子元素的位置
在實際使用中發現一個相容性的問題,position:relative是指標對上級目錄的相對決定定位,他是浮動在頁面上的,但是相對父級是佔有空間的,實驗證明他們的top屬性針對的物件不一致:firefox chome IE7、8等不會出問題,就是針對他的直接parent y座標定位,但是遨遊、騰訊等ie核心的包裝瀏覽器就會不一樣,他們針對的是書寫位置的上一個直接物件,這樣做出來的浮動層在瀏覽器下就不相容了,y座標不統一
相關文章
- 【轉】css解決相容的問題CSS
- 解決CSS position:fixed 相容問題CSS
- 你遇到過的相容性問題以及解決辦法
- ie不相容的幾個js問題及解決辦法JS
- 跨域問題解決辦法跨域
- HTC Vive遇到的問題解決辦法
- veritas netbackup的問題解決辦法
- 解決IE正常模式與相容性模式的辦法模式
- svn相關問題解決辦法
- Asp.net中與codePage="936"有關的css失效等奇怪問題的解決辦法ASP.NETCSS
- npm install realm --save失敗的問題與解決辦法NPM
- oracle rac asm 問題的官方解決辦法OracleASM
- 常見php與mysql中文亂碼問題解決辦法PHPMySql
- MySQL 與 Elasticsearch 資料不對稱問題解決辦法MySqlElasticsearch
- 解決django 2.2與mysql相容性問題DjangoMySql
- 【Ubuntu】unknown host問題解決辦法Ubuntu
- 虛擬化問題及解決辦法
- oracle壞塊問題及解決辦法Oracle
- 在IDEA下使用JUnit出現的問題與解決辦法Idea
- libigl庫的學習筆記--問題與解決辦法筆記
- 分享視訊直播常見問題與解決辦法彙總
- 請問 django admin 介面 css 丟失解決辦法?DjangoCSS
- 記錄一次重灌電腦黑屏問題解決辦法與解決思路
- input 與 button 的問題 (空隙/不等高/對不齊)及 解決辦法
- nginx部署後常見問題解決辦法Nginx
- jive 漢字問題終極解決辦法
- 遠端桌面不能全屏問題解決辦法
- 解決ie相容性問題
- 最近遇到的問題和解決辦法
- 用CSS hack技術解決瀏覽器相容性問題CSS瀏覽器
- jQuery.getJSON的快取問題的解決辦法jQueryJSON快取
- 移動推送訊息送達常見問題與解決辦法
- 無法訪問google picasa的解決辦法Go
- 主流瀏覽器相容性問題與解決方案瀏覽器
- Macbook Pro Big Sur出問題解決辦法Mac
- Vmware vSphere常見問題及解決辦法
- IOS下圖片不能顯示問題的解決辦法iOS
- 幾種解決“藍芽不可用”問題的辦法藍芽