網站設計時瀏覽器不兼容解決方法

1、針對I E 系列瀏覽器的網站設計代碼        

1.1. 針對 IE 6 的專屬 CSS Hack 網站設計代碼        #id{        _display: block;        }            

也就是在網站設計CSS屬性前加一個小劃線就好。        

1.2. 針對 IE 7 的專屬 CSS Hack 網站設計代碼        #id{        *display: block;         }        

即在網站設計CSS屬性前加上一個星號即可        

1.3. 針對 IE 8 的專屬 CSS Hack 網站設計代碼        #id{        margin-top: 10px 9; /*IE8*/        }       

 如上所示，解決辦法為在網站設計CSS屬性后分號前加上空格與斜線并加入一個數字9即可        

2、針對火狐的CSS Hack 網站設計代碼        

火狐可謂是最標準的瀏覽器之一了，網站設計技術只要稍稍不到位就能體現得淋漓盡致，所以不少網站設計師也很頭痛，其實想要解決火狐的兼容性除了要把網站設計的基礎知識扎牢之外只要將CSS代碼寫入到下圖 @-moz-document url-prefix（）{ } 里面就行了        @-moz-document url-prefix()        {         #id{ display: block; }         }        

3、針對 Safari 的CSS Hack 網站設計代碼        

Safari是蘋果計算機的最新作業系統Mac OS X中新的瀏覽器，用來取代之前的Internet Explorer for Mac，它使用了KDE的KHTML作為瀏覽器的運算核心。        @media screen and (-webkit-min-device-pixel-ratio:0)        {         #id { display: block; }         }       它的兼容性做法和火狐相近。       

 4、針對 Opera 的CSS Hack 網站設計代碼        

Opera即Opera Software ASA，是臺式機、各種設備和移動網絡瀏覽器市場的商業領袖，因快速、小巧和比其他瀏覽器更佳的標準兼容性獲得了國際上的最終用戶和業界媒體的承認，并在網上受到很多人的推崇。        @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)        {        head~body #id { display: block; }        }        

因此運用以上方法讓我們的網站設計更好的與各種瀏覽器兼容的時候其實已經違反了網站制作的W3C標準，但如果網站都不能正常打開，那些所謂的標準又有什么意思呢？這需要根據實際情況來取決。

移動設備瀏覽《網站設計時瀏覽器不兼容解決方法》請掃描二維碼， 歡迎訪問更多相關內容