網站建設
                                                       
                                                          收藏本站 
                                                      用戶ID/郵箱: 密 碼:
                                                      客戶中心 Customer service 您目前的位置:首 頁 > 客戶中心 > DIV+CSS 



                                                      DIV+CSS,網站建設DIV+CSS:瀏覽器兼容問題與解決方法

                                                      瀏覽器兼容問題與解決方法

                                                      瀏覽器兼容問題是指,不同廠商開發的瀏覽器針對同一段代碼的不同解析,
                                                      造成頁面展示效果出現差異的情況,很多時候為了追求顯示效果的一直,
                                                      前端開發人員就要針對不同兼容問題應用相應的方法處理,
                                                      達到效果一致的目的。

                                                      下面這些是平時開發過程中遇到的,做個匯總,方便查閱。

                                                      1、<!DOCTYPE HTML>文檔類型的聲明

                                                      產生條件:IE6瀏覽器,當我們沒有書寫這個文檔聲明的時候,
                                                      會觸發IE6瀏覽器的怪異解析現象;
                                                      解決辦法:書寫文檔聲明。
                                                      2、橫向雙外邊距
                                                      產生條件:在IE6中塊元素浮動后(左浮左margin,右浮右margin),
                                                      會出現橫向雙倍margin現象。
                                                      解決辦法:在float標簽的樣式控制中加入display:inline,
                                                      或者左幅右margin,右浮左margin。
                                                      3、默認行高
                                                      產生條件:IE6\IE7遨游瀏覽器;設置的文字高度超出盒模型內容
                                                      區域設置的高度時會影響布局。
                                                      解決辦法:給超出高度的標簽設置overflow:hidden;
                                                      或將文字的行高line-height設置為小于塊的高度
                                                      4、不同瀏覽器當中,很多的標簽的默認樣式不同,如默認的外補丁內補丁。
                                                      產生條件:不同瀏覽器
                                                      解決方法:利用CSS reset文件進行樣式的清除,然后在根據需要進行設置。
                                                      5、img外部的border
                                                      產生條件:img外部有a標簽,即img標簽有鏈接時
                                                      解決辦法:設置img邊框border:0;
                                                      6、經典3像素bug
                                                      產生條件:IE6瀏覽器,浮動塊元素與未浮動塊元素處于同一行,有默認的3px間距。
                                                      解決辦法:設置非浮動元素浮動。
                                                      7、png格式圖片
                                                      產生條件:IE6瀏覽器,不支持透明;
                                                      解決辦法:使用JavaScript進行處理;或者使用GIF、JPG圖像替代掉png圖片的使用。
                                                      8、默認行高
                                                      產生條件:清浮動的時候,有些人會采取一種清浮動的方法,使用一個空的div,
                                                      然后為這個div設置{clear:both}。在大部分瀏覽器當中,這樣做是沒有任何問題的,
                                                      但是在IE6瀏覽器當中,div即使是空的,也會存在默認行高。
                                                      解決方法:設置其高度為0,并設置overflow:hidden。{height:0;
                                                      overflow:hidden;clear:both;}

                                                      上一條: css 如何讓背景圖片拉伸填充避免重復顯示
                                                      下一條: div里利用canvas進行一個餅形圖的繪制
                                                      相關文章
                                                      css常用屬性總結之 id和class的區別,使用類還是ID?
                                                      關于左邊固定,右邊自適應布局的響應式布局寫法
                                                      html實現 頁面禁止右鍵 禁止復制 禁止圖片拖動 禁止復制和剪切
                                                      推廣經驗分享
                                                      其它
                                                      網站建設資源
                                                      常見問題
                                                      網站知識
                                                      首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們深圳網站建設網站優化付款帳戶
                                                      COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
                                                      深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]  
                                                      公司電話:0755-89812581(8線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              广东南粤福利36选7走势图 彩票走势图软件 广东时时十一选五开奖结果走势图 快乐双彩24选7开奖结果 2019开码结果查询开奖 时时彩正规app下载 重庆时时官网 体彩排列五走势图彩吧助手 pk彩票客户端app 重庆麻将app 澳洲幸运8开走势图 12选五手机版本 求六合彩同步开奖 时时彩天天助手安卓版 重庆时时8码一期计划 温州麻将下载安装