IE8適配的一些神操作(CSS3偽類IE8適配,placeholder兼容IE8)解決方案

1、CSS3偽類 IE8適配

原因IE8不支持的部分css3屬性暑认,不支持css3偽類

舉例:input:checked

解決方案:Selectivizr

Selectivizr是一個(gè)JS文件,引入此JS文件即可解決css3偽類無(wú)效問(wèn)題。示例代碼:

// JS library即為JS框架大审,比如jQuery
<script type="text/javascript" src="[JS library]"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->

解釋:
1蘸际、使用Selectivizr前需要先加載下列框架中的任何一個(gè):JQuery、dojo徒扶、prototype粮彤、Yahoo YUI、DOMAssistant姜骡、mootools导坟、NVMatcher

2010-09-14_225522.png

2、placeholder兼容IE8

原因:placeholder是h5的新屬性圈澈,IE10以前的瀏覽器(8惫周、9)不支持此屬性。

解決方法:jQuery三方插件 jquery-placeholder

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
    <!--[if lte IE 9]>
     <script src="../../js/jquery/jquery.placeholder.min.js"></script>
     <script>
        $(function(){
            $('input[placeholder]').placeholder();
        });
     </script>
    <![endif]-->
</head>
<style type="text/css">
    input{
        width: 100px;
        height: 50px;
        border: 1px solid red;
    }
    .placeholder {
        color: #ccc;
    }
</style>
<body>
<input type="text" placeholder="dfdsfdsfad"/>
</body>
</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末康栈,一起剝皮案震驚了整個(gè)濱河市递递,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌啥么,老刑警劉巖登舞,帶你破解...
    沈念sama閱讀 222,807評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異悬荣,居然都是意外死亡逊躁,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)隅熙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)稽煤,“玉大人,你說(shuō)我怎么就攤上這事囚戚〗臀酰” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,589評(píng)論 0 363
  • 文/不壞的土叔 我叫張陵驰坊,是天一觀的道長(zhǎng)匾二。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么察藐? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,188評(píng)論 1 300
  • 正文 為了忘掉前任皮璧,我火速辦了婚禮,結(jié)果婚禮上分飞,老公的妹妹穿的比我還像新娘悴务。我一直安慰自己,他們只是感情好譬猫,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布讯檐。 她就那樣靜靜地躺著,像睡著了一般染服。 火紅的嫁衣襯著肌膚如雪别洪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,785評(píng)論 1 314
  • 那天柳刮,我揣著相機(jī)與錄音挖垛,去河邊找鬼。 笑死秉颗,一個(gè)胖子當(dāng)著我的面吹牛晕换,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播站宗,決...
    沈念sama閱讀 41,220評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼闸准,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了梢灭?” 一聲冷哼從身側(cè)響起夷家,我...
    開(kāi)封第一講書(shū)人閱讀 40,167評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎敏释,沒(méi)想到半個(gè)月后库快,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,698評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡钥顽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評(píng)論 3 343
  • 正文 我和宋清朗相戀三年义屏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜂大。...
    茶點(diǎn)故事閱讀 40,912評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡闽铐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出奶浦,到底是詐尸還是另有隱情兄墅,我是刑警寧澤,帶...
    沈念sama閱讀 36,572評(píng)論 5 351
  • 正文 年R本政府宣布澳叉,位于F島的核電站隙咸,受9級(jí)特大地震影響沐悦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜五督,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評(píng)論 3 336
  • 文/蒙蒙 一藏否、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧充包,春花似錦副签、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,746評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)修壕。三九已至愈捅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間慈鸠,已是汗流浹背蓝谨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,859評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留青团,地道東北人譬巫。 一個(gè)月前我還...
    沈念sama閱讀 49,359評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像督笆,于是被迫代替她去往敵國(guó)和親芦昔。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 前端開(kāi)發(fā)知識(shí)點(diǎn) HTML&CSS對(duì)Web標(biāo)準(zhǔn)的理解娃肿、瀏覽器內(nèi)核差異咕缎、兼容性、hack料扰、CSS基本功:布局凭豪、盒子模型...
    Hebborn_hb閱讀 845評(píng)論 0 1
  • 本文轉(zhuǎn)載自:眾成翻譯譯者:為之漫筆鏈接:http://www.zcfy.cc/article/239原文:http...
    極樂(lè)君閱讀 7,380評(píng)論 1 62
  • 新的 Javascript 庫(kù)層出不窮,從而Web 社區(qū)愈發(fā)活躍晒杈、多樣嫂伞、在多方面快速發(fā)展。詳細(xì)去描述每一種主流的 ...
    祈澈菇?jīng)?/span>閱讀 2,212評(píng)論 2 29
  • CSS參考手冊(cè) 一拯钻、初識(shí)CSS3 1.1 CSS是什么 CSS3在CSS2.1的基礎(chǔ)上增加了很多強(qiáng)大的新功能帖努。目前...
    沒(méi)汁帥閱讀 3,596評(píng)論 1 13
  • 今天想說(shuō)說(shuō)唇上之歌這部電影然磷,之前在回家的高鐵上無(wú)事可做,發(fā)現(xiàn)手機(jī)還有緩存的gakki電影沒(méi)有看刊驴,就花了兩個(gè)小時(shí)觀看...
    opensouth閱讀 234評(píng)論 0 2