關于站點模板在ie瀏覽器中的兼容情況,蘭州網站建設在之前的影響網站用戶體驗的因素中提及過,這幾天在回訪一些友鏈、同行站點時還是發(fā)現(xiàn)一些同樣的問題,包括wordpress和emblog的一些主題模板也是,即站點在ie7、8中顯示正常,但在ie6中確是有javascript腳本錯誤和css跑樣的問題,我覺得有必要單獨提出來說說。
目前國內的95%以上的上網用戶使用的都是xp 的系統(tǒng),而xp默認的是卻是ie6的瀏覽器。對前端開發(fā)人員來講,ie6是最熟悉不過的,除了火狐、opera、谷歌等瀏覽器容易調式外,幾乎所有的css的樣式問題都是圍繞的ie瀏覽器來測試。同樣的一個屬性,在ie7、8下是可以正常顯示,可在ie6下卻是錯位跑樣。熟習的人都了解這是由于ie6瀏覽器自身缺陷造成,微軟開發(fā)xp中缺陷最多的一個集成組件,幾乎大多數(shù)時間都花在了ie6的樣式調試上,所以ie6也是是ie瀏覽器中最為頭疼的一個。
但問題歸問題,畢竟國內的用戶對此不會關心,作為用戶他只需要知道哪個瀏覽器能上網瀏覽就用哪個,他不清楚也不必理會所用的瀏覽器的版本問題、兼容性問題,用戶所做的就是打開你站點如果能正常顯示,那他就接著瀏覽其他內容。如果打開的頁面樣式是錯亂跑樣的,那你覺得用戶還會接著往下瀏覽的可能性有多大。而對站長朋友來講,有可能會因為ie6的問題而流失大部分的用戶群體,而這當中極有可能有些還是有價值的客戶。試問客戶打開一個做網站建設、網站推廣的一個站點,結果你站點顯示的錯亂不堪,人客戶還怎么找你來給他做網站。所以對站長朋友來講,ie6的問題不容忽視急待解決。目前在ie6中常見的問題有以下幾點:
站點在ie6下提示javascript腳本錯誤
這是由于站點頁面使用了一些js框架來展示一些頁面效果,在ie7、8可以正常顯示,而在ie6下因為ie6的自身缺陷而無法識別這些javascript框架例如一些jquery的特效代碼而提示的腳本錯誤。
解決方案:查看錯誤提示,找到錯誤的代碼出處,刪除或是替換這些js代碼,直到ie6無錯誤腳本提示。頁面特效是不錯,但不要一味的追求,ie6可不是全都能識別出。
站點在ie6下出現(xiàn)css跑樣的問題
這個是ie6下最常見的一個問題。本來在ie7、8中2欄是并排浮動的,結果在ie6下有一列給頂?shù)较乱恍?要么就是其中有一欄的寬度突然增大或是2欄之間的間距增大,造成這的主要原因是margin的識別。
在ie7、8中是可以正常識別margin屬性樣式,但在ie6下默認的卻是將margin加倍。例如設定的 margin:5px,在ie7、8讀取的是5px,而在ie6下讀取的卻是margin:10px;這是ie6把div當作一個塊級元素來識別。只需加 display:inline 讓ie6識別為內嵌的元素即可。
解決方案:利用ietest瀏覽器結合火狐瀏覽器的firebug插件,查看跑樣的css代碼做針對修改,這需要站長朋友掌握一定的css內容知識,不了解的站長朋友也可以找熟習css代碼的朋友給看看,當然只要能幫上忙蘭州網站制作也很樂意幫各位站長朋友了。
其他常見的css兼容性問題,具體可查看CSS瀏覽器兼容問題整理
ie6對png圖片的識別
使用png圖片特別是用png圖片做背景的站長朋友要注意這點,png在ie6下會有陰影部分顯示,所以使用css濾鏡或者是加入js代碼來控制png圖片的顯示。
解決方案:可使用css的濾鏡效果或是用js來模擬濾鏡效果來顯示,具體可查看讓png圖片在IE6下正常顯示 的幾種方式。
以上是ie6下常見的站點樣式問題,雖然我們不能阻止國內的用戶使用的是ie6的瀏覽器,但我們可以調整頁面的樣式,讓網頁可以在ie6、ie7、ie8以及其他目前主流的瀏覽器平臺下能正常瀏覽了,畢竟獲取用戶的認同才是我們期待的結果。各位站長朋友可以查看下自己站點是否能在ie6下正常顯示。
» 轉載請注明來源:蘭州網站建設_蘭州網站制作_蘭州seo » 《ie6下是否正常顯示你的站點》
» 本文鏈接地址:
» 訂閱本站:
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!