當(dāng)前位置:首頁 >  站長 >  網(wǎng)站運(yùn)營 >  正文

IE6下是否能正常顯示你的站點(diǎn) 如何解決兼容問題

 2011-05-25 14:10  來源:   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競價(jià),好“米”不錯(cuò)過

關(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ī)遇!

相關(guān)文章

  • 站長網(wǎng)播報(bào):OpenSSL重大漏洞詳解 史上最糟糕的瀏覽器IE6死亡

    1.詳解OpenSSL重大漏洞:誰會(huì)受影響?如何解決?近日有研究人員公布,廣為流行的網(wǎng)絡(luò)加密軟件OpenSSL存在名為Heartbleed的重大漏洞,人們的賬號密碼、信用卡號碼等個(gè)人信息可能會(huì)失竊。各大主流網(wǎng)站都在加緊解決這一問題。究竟是什么回事呢?普通網(wǎng)民是否會(huì)受到影響呢?國外媒體近日就這類疑問一

  • 陪伴我們13年的微軟XP離開了 XP用戶該何去何從?

    時(shí)間總是匆匆流去,但回憶,永遠(yuǎn)存在。陪伴我們走過了13年的微軟WindowsXP系統(tǒng)于今日正式“退休”。雖然還可以繼續(xù)使用,但安全風(fēng)險(xiǎn)問題重重。13年,從襁褓中的幼兒走向了成熟到最后的離去,雖然這個(gè)過程僅用了13年,但對于系統(tǒng)來說,XP可謂是史上服務(wù)最久的系統(tǒng)。面對著XP的退去,據(jù)媒體報(bào)道現(xiàn)在還將有

  • 網(wǎng)頁設(shè)計(jì)師為何要鏟除IE6這個(gè)老妖精

    最近很多網(wǎng)頁設(shè)計(jì)師想鏟除IE6.0這個(gè)老妖精,因?yàn)樵O(shè)計(jì)師們發(fā)現(xiàn)在應(yīng)用DIV+CSS切圖時(shí),IE6老是和設(shè)計(jì)師作對,明明在高版本IE8.0和IE7.0甚至FireFox里面沒有問題的頁面,跑到IE6.0里面卻經(jīng)常出現(xiàn)錯(cuò)位、移動(dòng)、不能顯示等現(xiàn)象。所以大家義憤填膺,一致聲討要鏟除IE6.0這個(gè)老

    標(biāo)簽:
    XP用戶
    IE6死亡
  • Google 加入反IE6聯(lián)盟

    Google宣布,從2010年3月1日起,GoogleDocs和GoogleSites將不再支持IE6。Google在其官方博客中寫道:很多公司都停止支持IE6等舊瀏覽器,我們也將從GoogleDocs和GoogleSites開始加入這一行列。從3月1日起,這些產(chǎn)品中的某些重要功能在這些舊瀏覽器中

    標(biāo)簽:
    XP用戶
    IE6死亡
  • 如何解決圖片元素img在IE6下出現(xiàn)多余空白的問題

    在進(jìn)行頁面的DIV+CSS排版時(shí),遇到IE6(當(dāng)然有時(shí)Firefox下也會(huì)偶遇)瀏覽器中的圖片元素img下出現(xiàn)多余空白的問題絕對是常見的對于該問題的解決方法也是“見機(jī)行事”,根據(jù)原因的不同要用不同的解決方法,這里把解決直接把解決image圖片布局下邊的多余空隙的B

    標(biāo)簽:
    XP用戶
    IE6死亡

熱門排行

信息推薦