国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

兼容系列-IE678的兼容

baoxl / 785人閱讀

摘要：最簡單的區(qū)分所有瀏覽器都會顯示為紫色會顯示紅色會變?yōu)樗{(lán)色會變?yōu)榫G色上面的樣式解釋為順序是顯示的結(jié)果用瀏覽，顏色是紫色用瀏覽，顏色是紅色用瀏覽，顏色是藍(lán)色用瀏覽，顏色是綠色支持偽元素偽元素和在及以下不支持兼容可以識別寫法和兼容則需要引

1. 最簡單的CSS Hack 區(qū)分 IE6 、 IE7 、IE8 
css
.color{
    background-color: #CC00FF; /*所有瀏覽器都會顯示為紫色*/
    background-color: #FF00009; /*IE6、IE7、IE8會顯示紅色*/
    *background-color: #0066FF; /*IE6、IE7會變?yōu)樗{(lán)色*/
    _background-color: #009933; /*IE6會變?yōu)榫G色*/
}

上面的樣式解釋為順序是 ff、ie8、ie7、ie6顯示的結(jié)果：
用 FF 瀏覽， 顏色是紫色
用 IE8 瀏覽，顏色是紅色
用 IE7 瀏覽，顏色是藍(lán)色
用 IE6 瀏覽，顏色是綠色

2.IE678支持偽元素

偽元素::after和::before在IE8及以下不支持

兼容IE8可以識別寫法 :after 和 :before

兼容IE6/7則需要引入jq插件：jquery.pseudo.js
使用方法：
1、引入jquery
2、引入jquery.pseudo.js
3、添加css，如p{before: "before ";}

代碼示例：

3.a標(biāo)簽嵌套img有邊框

html代碼：

IE瀏覽器：

4.兼容HTML5新標(biāo)簽

第一種方法：使用javascript代碼

第二種方法：使用html5shiv



//由于國內(nèi)google的服務(wù)器訪問卡，建議調(diào)用國內(nèi)的cdn
5.兼容video audio標(biāo)簽

第一方法：在頁面的head部分加入如下腳本
(注：需要在服務(wù)器下打開)

第二方法：使用谷歌的腳本html5media文件
6.兼容css3選擇器

使用關(guān)鍵方法：（官網(wǎng)插件http://selectivizr.com/）

css樣式不能直接寫在head頭部，需要通過link來引入外部樣式

使用該插件前需要引入JS類庫，如jQuery

需要運行在服務(wù)器下才有效

7.兼容placeholder

IE10及以下不支持placeholder

使用方法:
使用注意地方:

以上代碼依然jq，在使用前注意要引用jq文件

8.IE678兼容media媒體查詢

使用方法：插件respond.js（官網(wǎng)插件https://github.com/scottjehl/...）
使用插件兼容注意地方：

1.css樣式不能直接寫在head頭部，需要通過link來引入外部樣式
2.需要運行在服務(wù)器下才有效
3.js的引入要在css引入之后

代碼示例：

IE7測試效果：

8.eval的兼容IE678
eval的兼容問題

IE6/7/8不兼容，報錯
解決方式：
a) var s = "function(){alert("Test!")}";
b) var s = "0?0:function(){alert("Test!")}";
c) var fn = eval("(0 || " + s + ")"); fn();

e) var fn = eval("(0," + s + ")"); fn();
f) var fn = eval("0,(" + s + ")"); fn();

(注：a/b/c方案是國外網(wǎng)站找到，e/f是國內(nèi)網(wǎng)站找到)

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52037.html

相關(guān)文章

  • 存在不同瀏覽器間的JS兼容總結(jié)

    摘要：年月日個人博客文章遷移到當(dāng)我們在編寫用于處理事件時，由于考慮到不同瀏覽器間代碼兼容不同，代碼不易記憶于是做出如下整理。示例代碼如下阻止默認(rèn)事件標(biāo)準(zhǔn)兼容小提示也能阻止默認(rèn)事件但是要注意位置。 2016年2月19日個人博客文章--遷移到segmentfault 當(dāng)我們在編寫JS用于處理事件時，由于考慮到不同瀏覽器間Js代碼兼容不同，代碼不易記憶,于是做出如下整理。（當(dāng)然以后還會增加更新的。...

    shmily 評論0 收藏0

  • 存在不同瀏覽器間的JS兼容總結(jié)

    摘要：年月日個人博客文章遷移到當(dāng)我們在編寫用于處理事件時，由于考慮到不同瀏覽器間代碼兼容不同，代碼不易記憶于是做出如下整理。示例代碼如下阻止默認(rèn)事件標(biāo)準(zhǔn)兼容小提示也能阻止默認(rèn)事件但是要注意位置。 2016年2月19日個人博客文章--遷移到segmentfault 當(dāng)我們在編寫JS用于處理事件時，由于考慮到不同瀏覽器間Js代碼兼容不同，代碼不易記憶,于是做出如下整理。（當(dāng)然以后還會增加更新的。...

    Benedict Evans 評論0 收藏0

  • DOM事件

    摘要：同一個元素可以綁定多個統(tǒng)一行為事件對象執(zhí)行某一行為時，不僅執(zhí)行了綁定方法，而且瀏覽器還會默認(rèn)的給這個方法傳遞一個參數(shù)，這個參數(shù)就是事件對象。 1.理解事件 事件行為本身：沒有給事件綁定方法事件也是一直存在的，當(dāng)觸發(fā)行為的時候，也對觸發(fā)對應(yīng)的行為，只不過由于沒有綁定事件，導(dǎo)致沒有任何事件發(fā)生； 事件綁定：給元素綁定一個方法；觸發(fā)行為，執(zhí)行方法； 2.DOM事件 DOM0級事件：1...

    robin 評論0 收藏0

  • jQuery真的過時了!

    摘要：前言前幾天知乎上有一個問題真的過時了嗎我的答案是確實過時了感覺這個話題挺有趣，那咱們展開了聊聊。詳細(xì)地說一下為什么過時了。天貓去年已經(jīng)宣布不再支持。三并沒有被淘汰雖然已經(jīng)過時了，但是并沒有被淘汰，而且近幾年也不會。 前言 前幾天知乎上有一個問題：jQuery真的過時了嗎？我的答案是：jQuery確實過時了！感覺這個話題挺有趣，那咱們展開了聊聊。詳細(xì)地說一下jQuery為什么過時了。 一...

    v1 評論0 收藏0

  • 手把手帶你用原生js實現(xiàn)css屬性的set和get

    摘要：而現(xiàn)代瀏覽器會直接返回它的值，我們的目標(biāo)就是在下也返回值。通過可以對元素的樣式進(jìn)行讀寫，實際上操作的是標(biāo)簽上的屬性的值。因此不能直接對其賦值，不然就把整個屬性的值給覆蓋掉了。我們采用累加的方式來修改屬性。 上一篇博文介紹了getComputedStyle方法，接下來，我們就來實現(xiàn)一個簡易版的小插件，能夠在不借助jQuery的情況下實現(xiàn)css屬性的獲取和設(shè)置。 作者：Icarus原文鏈接...

    AZmake 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<