徐州億網淺談做(zuò)網站(zhàn)如(rú)何兼容ie6常見(jiàn)™'問(wèn)題

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí)間(jiān)：2 <ε♣012-03-09 作(zuò)者：

        <♥<♣ie6目前依然是(shì)國(guó)內(nèi™β‍€)用(yòng)戶的(de)主要(yào)浏覽器(qì)，因此作(zuò)為(wèiσ ββ)網頁前端開(kāi)發來(lái)說(shuō)，無可(kě)避↔₽免必須兼容IE6浏覽器(qì)，在這(zhè)裡(lǐ)作(zuò)為(w≥≈èi)徐州做(zuò)網站(zhàn)的(de)公司，跟你(nǐ)說(shuō)說(shuō)關于html和(hé)css代碼有(• yǒu)效修複可(kě)以兼容ie6常見(jiàn)的(de)問(wèn)題。

    &nε÷bsp;  1、使用(yòng)↓€一(yī)個(gè)聲明(míng)
    &nδπ€Ωbsp; 你(nǐ)必須經常在html網頁頭部放(≥‌€fàng)置一(yī)個(gè)聲明(míng)，推薦使用(yòng)嚴格的(de)标準。₹‍φ×最後你(nǐ)需要(yào)是(shì)ie6進入兼容模式，這(zhè•&®)已經足夠兼容的(de)了(le)。

   &nbs∞£>p;    2、使用(yòng)position: r±λδelative
    &₽β¶nbsp;   設置一(yī)個(gè)标簽positio₹÷✔✔n: relative可(kě)以解決很(h♠≈ěn)多(duō)問(wèn)題，特别是(shì)曾經有(yǒu)過看(kàδ §↔n)不(bù)見(jiàn)的(de)經曆或者↕±λ奇怪布局的(de)框架。明(míng)顯的(de)，你(nǐ)需要(yγ>ào)小(xiǎo)心，絕對(duì)位置放(fàng)置的(de)子(zǐ)元素是(shì®♠ )否都(dōu)參照(zhào)找到(dào)新位置。

     &n£σ₹→bsp;  3、為(wèi)浮動元素使用(yòng)display: ​‍₽inline
    ↔∏←€    浮動元γ‌素會(huì)有(yǒu)一(yī)個(gè)著名的(de)i↓↑e6雙邊距margin bug。假如(rú)你(nǐ)設置了(l€♦e)左邊距5px但(dàn)實際上(shàng)得(de)✔ "₩到(dào)了(le)10px左邊距。display:inli>×α≠ne可(kě)以解決這(zhè)個(gè)問(wè'←←n)題，盡管它不(bù)是(shì)必需的(de)，但(d♣≈àn)是(shì)css仍然有(yǒu)效。

   &nbsα±♥p;    4、設置元素啓動hasLayout
        ↔✔‍; 大(dà)部分(fēn)ie6（ie7）的(de)渲染問(wèn)題都(dōu)可(kě)以↔♠↔通(tōng)過起來(lái)元素的(de)hasLayφ‍out屬性來(lái)兼容。這(zhè)是(shì)ie內(nèi)置的(d ™✘e)設定，确定一(yī)個(gè)內(nè>®i)容塊相(xiàng)對(duì)其它內(nèi)容塊是(shì)有(yǒu)界限和(≠β↓hé)位置的(de)。當你(nǐ)需要(yào)設置一(yī)個(gè↑₽↕)行(xíng)內(nèi)元素例如(rú >)一(yī)個(gè)連接變成塊狀元素或者是(shì)透明(míng)效果，≥₽☆↓設置hasLayout也(yě)是(shì)必須的(de)。

        5、修複↔€÷π重複字符的(de)bug
     →↔;   複雜(zá)的(de)布局會(huì)觸發一(yī)個(gè)bugΩ≤：浮動對(duì)象的(de)最後字符會(huì)出現(xiàn)在已經清除浮動的(de&¶)元素後面。這(zhè)裡(lǐ)有(yǒu)幾種解決的(de)辦✔≥法，部分(fēn)是(shì)理(lǐ)想的(de)，并且一(yī)些(xiē)測試和(₩≤hé)出錯(cuò)是(shì)必須的(de)。
    &nb↑§₹sp;   a、确保浮動元素都(dōu)使用(↑π₹ yòng)：display:inline；
   &nb$"sp;    b、最後一(yī)® 個(gè)浮動元素使用(yòng)margi‌₽n-right:-3px;
    &n" ✔bsp;   c、在浮動‍φ對(duì)象最後一(yī)個(gè)元素後♦≤∑↔使用(yòng)一(yī)個(gè)條件(jiàn)注釋。例如(rú)這(zhè)裡(lǐ)輸入♦Ωσ÷注釋… d、在容器(qì)內(nèi)的(de)最∞÷±™後使用(yòng)一(yī)個(gè)div空(kōng≥§)标簽（它也(yě)必須設置90%寬度甚至₩•更小(xiǎo)）

        6、♠‌™使用(yòng)a标簽完成可(kě)點擊和(hé)hover原理 ∞(lǐ)
        Ie×  6隻支持a标簽的(de)css定義hover←‌λ效果
你(nǐ)可(kě)以使用(yòng)它去(qù)控制(zhì)ja±♥λ♥vascript啓動的(de)widgets，使得(de)βδ®₹他(tā)們仍然保持鍵盤操作(zuò)。這(zhè)裡(lǐ)有(yǒu)個(gè)二擇一×>(yī)的(de)問(wèn)題，但(dàn)是(shì)a标簽是(shì> ÷♦)所有(yǒu)解決方案中最可(kě)靠的(de)。本文(wé∏φ'n)系徐州億網網絡公司（http://www.exz.cn）原創，轉載請(qǐng)注明(míng)！

• 上(shàng)一(yī)篇: 徐州網絡公司淺析用(yòng)DIV+CS₹★S做(zuò)設計(jì)頁面時(shí)的(de)常見(j≤$€×iàn)錯(cuò)誤
• 下(xià)一(yī)篇: 淺談幾大(dà)标簽在網頁中$γ¶←的(de)應用(yòng)