域名預(yù)訂/競(jìng)價(jià)，好“米”不錯(cuò)過(guò)

關(guān)于站點(diǎn)模板在ie瀏覽器中的兼容情況，蘭州網(wǎng)站建設(shè)在之前的影響網(wǎng)站用戶體驗(yàn)的因素中提及過(guò)，這幾天在回訪一些友鏈、同行站點(diǎn)時(shí)還是發(fā)現(xiàn)一些同樣的問(wèn)題，包括wordpress和emblog的一些主題模板也是，即站點(diǎn)在ie7、8中顯示正常，但在ie6中確是有javascript腳本錯(cuò)誤和css跑樣的問(wèn)題，我覺(jué)得有必要單獨(dú)提出來(lái)說(shuō)說(shuō)。

目前國(guó)內(nèi)的95%以上的上網(wǎng)用戶使用的都是xp 的系統(tǒng)，而xp默認(rèn)的是卻是ie6的瀏覽器。對(duì)前端開(kāi)發(fā)人員來(lái)講，ie6是最熟悉不過(guò)的，除了火狐、opera、谷歌等瀏覽器容易調(diào)式外，幾乎所有的css的樣式問(wèn)題都是圍繞的ie瀏覽器來(lái)測(cè)試。同樣的一個(gè)屬性，在ie7、8下是可以正常顯示，可在ie6下卻是錯(cuò)位跑樣。熟習(xí)的人都了解這是由于ie6瀏覽器自身缺陷造成，微軟開(kāi)發(fā)xp中缺陷最多的一個(gè)集成組件，幾乎大多數(shù)時(shí)間都花在了ie6的樣式調(diào)試上，所以ie6也是是ie瀏覽器中最為頭疼的一個(gè)。

但問(wèn)題歸問(wèn)題，畢竟國(guó)內(nèi)的用戶對(duì)此不會(huì)關(guān)心，作為用戶他只需要知道哪個(gè)瀏覽器能上網(wǎng)瀏覽就用哪個(gè)，他不清楚也不必理會(huì)所用的瀏覽器的版本問(wèn)題、兼容性問(wèn)題，用戶所做的就是打開(kāi)你站點(diǎn)如果能正常顯示，那他就接著瀏覽其他內(nèi)容。如果打開(kāi)的頁(yè)面樣式是錯(cuò)亂跑樣的，那你覺(jué)得用戶還會(huì)接著往下瀏覽的可能性有多大。而對(duì)站長(zhǎng)朋友來(lái)講，有可能會(huì)因?yàn)閕e6的問(wèn)題而流失大部分的用戶群體，而這當(dāng)中極有可能有些還是有價(jià)值的客戶。試問(wèn)客戶打開(kāi)一個(gè)做網(wǎng)站建設(shè)、網(wǎng)站推廣的一個(gè)站點(diǎn)，結(jié)果你站點(diǎn)顯示的錯(cuò)亂不堪，人客戶還怎么找你來(lái)給他做網(wǎng)站。所以對(duì)站長(zhǎng)朋友來(lái)講，ie6的問(wèn)題不容忽視急待解決。目前在ie6中常見(jiàn)的問(wèn)題有以下幾點(diǎn)：

站點(diǎn)在ie6下提示javascript腳本錯(cuò)誤

這是由于站點(diǎn)頁(yè)面使用了一些js框架來(lái)展示一些頁(yè)面效果，在ie7、8可以正常顯示，而在ie6下因?yàn)閕e6的自身缺陷而無(wú)法識(shí)別這些javascript框架例如一些jquery的特效代碼而提示的腳本錯(cuò)誤。

解決方案：查看錯(cuò)誤提示，找到錯(cuò)誤的代碼出處，刪除或是替換這些js代碼，直到ie6無(wú)錯(cuò)誤腳本提示。頁(yè)面特效是不錯(cuò)，但不要一味的追求，ie6可不是全都能識(shí)別出。

站點(diǎn)在ie6下出現(xiàn)css跑樣的問(wèn)題

這個(gè)是ie6下最常見(jiàn)的一個(gè)問(wèn)題。本來(lái)在ie7、8中2欄是并排浮動(dòng)的，結(jié)果在ie6下有一列給頂?shù)较乱恍?要么就是其中有一欄的寬度突然增大或是2欄之間的間距增大，造成這的主要原因是margin的識(shí)別。

在ie7、8中是可以正常識(shí)別margin屬性樣式，但在ie6下默認(rèn)的卻是將margin加倍。例如設(shè)定的 margin：5px，在ie7、8讀取的是5px，而在ie6下讀取的卻是margin：10px;這是ie6把div當(dāng)作一個(gè)塊級(jí)元素來(lái)識(shí)別。只需加 display：inline 讓ie6識(shí)別為內(nèi)嵌的元素即可。

解決方案：利用ietest瀏覽器結(jié)合火狐瀏覽器的firebug插件，查看跑樣的css代碼做針對(duì)修改，這需要站長(zhǎng)朋友掌握一定的css內(nèi)容知識(shí)，不了解的站長(zhǎng)朋友也可以找熟習(xí)css代碼的朋友給看看，當(dāng)然只要能幫上忙蘭州網(wǎng)站制作也很樂(lè)意幫各位站長(zhǎng)朋友了。

其他常見(jiàn)的css兼容性問(wèn)題，具體可查看CSS瀏覽器兼容問(wèn)題整理

ie6對(duì)png圖片的識(shí)別

使用png圖片特別是用png圖片做背景的站長(zhǎng)朋友要注意這點(diǎn)，png在ie6下會(huì)有陰影部分顯示，所以使用css濾鏡或者是加入js代碼來(lái)控制png圖片的顯示。

解決方案：可使用css的濾鏡效果或是用js來(lái)模擬濾鏡效果來(lái)顯示，具體可查看讓png圖片在IE6下正常顯示 的幾種方式。

以上是ie6下常見(jiàn)的站點(diǎn)樣式問(wèn)題，雖然我們不能阻止國(guó)內(nèi)的用戶使用的是ie6的瀏覽器，但我們可以調(diào)整頁(yè)面的樣式，讓網(wǎng)頁(yè)可以在ie6、ie7、ie8以及其他目前主流的瀏覽器平臺(tái)下能正常瀏覽了，畢竟獲取用戶的認(rèn)同才是我們期待的結(jié)果。各位站長(zhǎng)朋友可以查看下自己站點(diǎn)是否能在ie6下正常顯示。

» 轉(zhuǎn)載請(qǐng)注明來(lái)源：蘭州網(wǎng)站建設(shè)_蘭州網(wǎng)站制作_蘭州seo » 《ie6下是否正常顯示你的站點(diǎn)》

» 本文鏈接地址：

» 訂閱本站：

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！