成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

瀏覽器兼容你知多少？

txgcwm / 878人閱讀

摘要：在各大瀏覽器廠商的發(fā)展過程中，它們對(duì)的標(biāo)準(zhǔn)各有不同的實(shí)現(xiàn)，標(biāo)準(zhǔn)不同存在差異所以產(chǎn)生兼容性的問題。它是一種對(duì)特定的瀏覽器或?yàn)g覽器組顯示或隱藏規(guī)則或聲明的方法。但是及更低版本瀏覽器會(huì)繼續(xù)解析。

為什么會(huì)存在瀏覽器兼容問題？ 
首先要了解兼容，我們先得了解一下為什么會(huì)存在瀏覽器兼容問題。在各大瀏覽器廠商的發(fā)展過程中，它們對(duì)web的標(biāo)準(zhǔn)各有不同的實(shí)現(xiàn)，標(biāo)準(zhǔn)不同存在差異所以產(chǎn)生兼容性的問題。
瀏覽器內(nèi)核

五大瀏覽器內(nèi)核以及各內(nèi)核代表作品：

Trident: IE、Maxthon（遨游）、Theworld（世界之窗）

Gecko: Mozilla Firefox

Webkit: Safari、Chrome

Presto: Opera

Blink: 由Google和Opera Softwase開發(fā)的瀏覽器排版引擎

一些概念

CSS BUG

Css樣式在各瀏覽器中解析不一致的情況，或者說Css樣式在瀏覽器中不能正確顯示的問題稱為CSS Bug

CSS hack

CSS中，hack是指一種兼容css在不同瀏覽器中正確顯示的技巧方法，因?yàn)樗麄兌紝儆趥€(gè)人對(duì)css代碼的非官方的修改，或非官方的補(bǔ)丁。有些人更喜歡使用patch（補(bǔ)?。﹣砻枋鲞@種行為。

Filter

它是一種對(duì)特定的瀏覽器或?yàn)g覽器組顯示或隱藏規(guī)則或聲明的方法。本質(zhì)上講，filter是一種用來過濾不同瀏覽器的hack類型。

過濾器(filter)

ps：過濾器可能這個(gè)說法有點(diǎn)不太正確，也可以說是瀏覽器標(biāo)識(shí)符！

_下劃線過濾器

當(dāng)一個(gè)屬性前面增加一個(gè)下劃線后，由于符合標(biāo)準(zhǔn)的瀏覽器不能識(shí)別帶有下劃線的屬性而忽略了這個(gè)聲明。但是ie6及更低版本瀏覽器會(huì)繼續(xù)解析。
語法：選擇器{_屬性：屬性值；}
此方法是區(qū)分ie6瀏覽器和其他瀏覽器的方法

！important關(guān)鍵字過濾器

它表示所附加的聲明具有最高優(yōu)先級(jí)的意思，被瀏覽器優(yōu)先顯示（ie6不識(shí)別此寫法）
語法：選擇符{屬性：屬性值！important；}

*屬性過濾器

當(dāng)一個(gè)屬性前面加了*后，該屬性能被ie7及以下瀏覽器識(shí)別，其他瀏覽器忽略該屬性的作用
語法：選擇器{*屬性：屬性值；}

+屬性過濾器

當(dāng)一個(gè)屬性前面加了+后，該屬性能被ie7及以下瀏覽器識(shí)別，其他瀏覽器忽略該屬性的作用
語法：選擇器{+屬性：屬性值；}

*+屬性過濾器

當(dāng)一個(gè)屬性前面加了*+后，該屬性能被ie7瀏覽器識(shí)別，其他瀏覽器忽略該屬性的作用
語法：選擇器{*+屬性：屬性值；}

9

ie版本識(shí)別，其他瀏覽器不識(shí)別
語法：選擇符{屬性：屬性值9;} 


ie8及以上瀏覽器識(shí)別，其他瀏覽器不識(shí)別
語法：選擇符{屬性：屬性值0;}

-moz-

Firefox瀏覽器識(shí)別，其他瀏覽器不識(shí)別

-webkit-

webkit內(nèi)核瀏覽器識(shí)別，其他瀏覽器不識(shí)別

-o-

Opera瀏覽器識(shí)別，其他瀏覽器不識(shí)別

-ms-

ie瀏覽器識(shí)別，其他瀏覽器不識(shí)別
常見的瀏覽器兼容問題以及解決方法

1）、圖片有邊框bug

描素:當(dāng)圖片加在ie上會(huì)出現(xiàn)邊框

hack:給圖片加border：0；或者border：0 none；

2）圖片間隙

描素:div中的圖片間隙bug

在div中插入圖片時(shí)圖片將div下方撐大大約三像素

hack1：將
與

(1)訪問frame對(duì)象:

IE:使用window.frameId或者window.frameName來訪問這個(gè)frame對(duì)象, frameId和frameName可以同名。

Firefox:只能使用window.frameName來訪問這個(gè)frame對(duì)象.

另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")來訪問這個(gè)frame對(duì)象.

(2)切換frame內(nèi)容:

在 IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"來切換frame的內(nèi)容.

如果需要將frame中的參數(shù)傳回父窗口(注意不是opener,而是parent frame)，可以在frame中使用parent來訪問父窗口。例如：parent.document.form1.filename.value="Aqing";

15）模態(tài)和非模態(tài)窗口問題

說明:IE下,可以通過showModalDialog和showModelessDialog打開模態(tài)和非模態(tài)窗口;Firefox下則不能.

解決方法：直接使用window.open(pageURL,name,parameters)方式打開新窗口。

如果需要將子窗口中的參數(shù)傳遞回父窗口,可以在子窗口中使用window.opener來訪問父窗口.

例如：

var parWin = window.opener;
parWin.document.getElementById("Aqing").value = "Aqing";
小廣告

我自己運(yùn)營(yíng)的公眾號(hào)，記錄我自己的成長(zhǎng)！

公眾號(hào)：前端曰

公眾號(hào)ID：js-say

ps：是(yue)不是(ri)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114585.html

相關(guān)文章

  • 移動(dòng)端點(diǎn)擊事件全攻略，這里的坑你知多少？

    摘要：所以這種情況下是不符合點(diǎn)擊事件的定義的。，關(guān)于移動(dòng)端的點(diǎn)擊事件總結(jié)完了，可能你都沒想到一個(gè)簡(jiǎn)單的點(diǎn)擊事件會(huì)有那么多坑，如果你在工作中可能會(huì)涉及到移動(dòng)端開發(fā)的話，相信這篇文章還是值得你點(diǎn)贊和收藏的，畢竟是踩了那么多坑的經(jīng)驗(yàn)總結(jié)。 看標(biāo)題的時(shí)候你可能會(huì)想，點(diǎn)擊事件有什么好說的，還寫一篇攻略？哈哈，如果你這么想，只能說明你too young to simple. 接觸過移動(dòng)端開發(fā)的同學(xué)可能都...

    Nosee 評(píng)論0 收藏0

  • 移動(dòng)端點(diǎn)擊事件全攻略，這里的坑你知多少？

    摘要：所以這種情況下是不符合點(diǎn)擊事件的定義的。，關(guān)于移動(dòng)端的點(diǎn)擊事件總結(jié)完了，可能你都沒想到一個(gè)簡(jiǎn)單的點(diǎn)擊事件會(huì)有那么多坑，如果你在工作中可能會(huì)涉及到移動(dòng)端開發(fā)的話，相信這篇文章還是值得你點(diǎn)贊和收藏的，畢竟是踩了那么多坑的經(jīng)驗(yàn)總結(jié)。 看標(biāo)題的時(shí)候你可能會(huì)想，點(diǎn)擊事件有什么好說的，還寫一篇攻略？哈哈，如果你這么想，只能說明你too young to simple. 接觸過移動(dòng)端開發(fā)的同學(xué)可能都...

    microelec 評(píng)論0 收藏0

  • 移動(dòng)端點(diǎn)擊事件全攻略，這里的坑你知多少？

    摘要：所以這種情況下是不符合點(diǎn)擊事件的定義的。，關(guān)于移動(dòng)端的點(diǎn)擊事件總結(jié)完了，可能你都沒想到一個(gè)簡(jiǎn)單的點(diǎn)擊事件會(huì)有那么多坑，如果你在工作中可能會(huì)涉及到移動(dòng)端開發(fā)的話，相信這篇文章還是值得你點(diǎn)贊和收藏的，畢竟是踩了那么多坑的經(jīng)驗(yàn)總結(jié)。 看標(biāo)題的時(shí)候你可能會(huì)想，點(diǎn)擊事件有什么好說的，還寫一篇攻略？哈哈，如果你這么想，只能說明你too young to simple. 接觸過移動(dòng)端開發(fā)的同學(xué)可能都...

    Achilles 評(píng)論0 收藏0

  • 魔法CSS（1）——消失的list-style

    摘要：有時(shí)候一個(gè)簡(jiǎn)單的出現(xiàn)，往往是由于一點(diǎn)知識(shí)小細(xì)節(jié)但往往這點(diǎn)小細(xì)節(jié)看似簡(jiǎn)單，其背后卻頗有韻味。如果這篇文章對(duì)你有所收獲，請(qǐng)留在你的小心心其他推薦你知多少常用操作 有時(shí)候一個(gè)簡(jiǎn)單Bug的出現(xiàn)，往往是由于一點(diǎn)知識(shí)小細(xì)節(jié)；但往往這點(diǎn)小細(xì)節(jié)看似簡(jiǎn)單，其背后卻頗有韻味。 （需求）這部分UI給換成這樣的 showImg(https://segmentfault.com/img/bVbjgWw?w=64...

    Fourierr 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

txgcwm

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<