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

資訊專欄INFORMATION COLUMN

兼容系列-IE678的兼容

baoxl / 816人閱讀

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

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

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

2.IE678支持偽元素

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

兼容IE8可以識(shí)別寫法 :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

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

7.兼容placeholder

IE10及以下不支持placeholder

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

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

8.IE678兼容media媒體查詢

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

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

代碼示例：

IE7測(cè)試效果：

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

IE6/7/8不兼容，報(bào)錯(cuò)
解決方式：
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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

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

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

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

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

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

    Benedict Evans 評(píng)論0 收藏0

  • DOM事件

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

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

  • jQuery真的過時(shí)了!

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

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

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

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

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

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

0條評(píng)論

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