多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > htmlcss > 拋棄 CSS Hacks 后的瀏覽器兼容方案

拋棄 CSS Hacks 后的瀏覽器兼容方案

來源:程序員人生   發布時間:2014-04-18 21:07:56 閱讀次數:2728次

如果你看過之前發在芒果小站的《CSS 忍者:安全的 CSS hacks 秘籍 》這篇文章,應該基本清楚了通過 IE 條件注釋替代 CSS Hacks 的技巧。最近考慮在項目中實際應用這個方案。

一般情況下的瀏覽器兼容需要考慮 IE6/7/8 三種 IE 版本,當然在 IE9 開始逐步推向市場后,又會有更多的衍生版本。所以我目前只考慮 IE7~9 版本的兼容情況。涉及到的條件注釋代碼如下:

<!DOCTYPE html><!--[if lt IE 7 ]><html class="ie ie6"><![endif]--><!--[if IE 7 ]><html class="ie ie7"><![endif]--><!--[if IE 8 ]><html class="ie ie8"><![endif]--><!--[if IE 9 ]><html class="ie ie9"><![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->

使用說明如下:

.test {    /* 針對非 ie 瀏覽器的樣式 */}.ie .test {    /* 針對所有 ie 版本的樣式 */}.ie6 .test {    /* 針對 ie6 的樣式 */}....ie9 .test {    /* 針對 ie9 的樣式 */}

之前那篇文章里也有同學提出通過 PHP 判斷 UA 參數并動態輸出樣式表的方法,這個雖然是簡潔明了,但和后端代碼耦合在一起,總覺得不是一回事。況且實際應用中很多情況下會將頁面模板化,做動態輸出并不非常適合。

另外,國內各大雙核高速安全的殼瀏覽器還沒有經過測試,這個需要再做了解。

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 国产一级淫片a | 国产精品夜色视频一级区 | 性欧美17一18sex性高清 | free3dvideos性欧洲 | 亚洲成人在线免费 | 亚洲一区二区三区久久精品 | 欧美日韩亚洲区久久综合 | 国产最新精品视频 | 女人18毛片视频一级毛片容 | 范冰冰一级做a爰片久久毛片 | 免费观看又污又黄网站日本 | 伊人伊人 | 日本免费人成在线网站 | h在线观看视频免费网站 | 日本视频在线观看不卡高清免费 | free性欧美高清另类 | 欧美一级特黄毛片免费 | 日本欧美韩国一区二区三区 | 欧美性猛交xxx嘿人猛交 | 激情欧美日韩一区二区 | 亚洲成人高清 | 一区二区三区中文 | 毛片最新网址 | 超91在线| 精品一区二区三区五区六区 | 久久久日本精品一区二区三区 | 老妇女人一级毛片 | 国产国产成人人免费影院 | 亚洲一区日韩二区欧美三区 | 国产精品嫩草免费视频 | 久久中文字幕日韩精品 | 色琪影院 | 92看片淫黄大片欧美看国产片 | 免费国产高清精品一区在线 | 午夜在线视频观看 | 久久国产精品影院 | 精品在线视频一区 | 亚洲 欧美 自拍 另类 | 国产偷v国产偷v国产 | 亚洲伊人成综合人影院小说 | 欧美亚洲天堂网 |