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