HTML5+CSS3网站能在IE8浏览器正常显示的方法

璧峰垵锛孖E鍏跺疄涔熸槸涓€娆鹃潪甯告湁杩涘彇蹇冪殑娴忚�堝櫒銆備絾缁忚繃涓€娈垫椂闂寸殑铔颁紡鍚庯紝瀹冨凡缁忔垚涓轰簡鎴戜滑鐢熸椿涓�鐨勪竴閬撻殰纰嶃€傚井杞�鐜板湪鍙堥噸鏂板紑濮嬪悜鍏跺畠娴忚�堝櫒鍙戣捣鎸� 鎴橈紝浣嗕簨瀹炴儏鍐垫槸锛屾柊鐗堢殑鐜颁唬IE娴忚�堝櫒涓€鐩存粸鍚庝簬璋锋瓕娴忚�堝櫒鍜岀伀鐙愭祻瑙堝櫒銆傛垜浠�杩樹笉寰椾笉鎯冲姙娉曞吋瀹规棭鏈熺殑IE娴忚�堝櫒銆備笅闈㈡彁鍒扮殑涓夌�嶆柟娉曡兘蹇�鎹疯交鏉剧殑璁� 浣犵殑HTML5&CSS3缃戠珯鍦ㄥ井杞�鐨勪富瑕佹祻瑙堝櫒涓�涔熻兘绁炲�囩殑杩愯�岋紒

htmlshiv.js

Remy寮€鍙戠殑HTML5shiv宸ュ叿鑳藉埄鐢↗avaScript鍦ㄨ€佸紡IE閲屽垱寤簃ain锛宧eader锛宖ooter绛塇TML5鍏冪礌銆備篃灏辨槸 璇翠娇鐢↗avaScript鑳藉垱寤鸿繖浜涙湰鏉ヤ笉瀛樺湪鐨凥TML5鏂板厓绱犮€傝繖鏄�浠€涔堝師鐞嗭紵浣犲彲鑳借姳鍑犲ぉ涔熸兂涓嶆槑鐧斤紝浣嗚皝鍦ㄦ剰鍛�锛佽繖涓�鑴氭湰鍑犱箮鏄�鎵€鏈夋�e紡缃戠珯蹇� 鐢ㄧ殑js銆�

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

selectivizr.js

Selectivizr.js鏄�涓€娆剧�炲�囩殑宸ュ叿锛屽畠鑳芥彁渚涘ぇ閲廔E涓嶆敮鎸佺殑CSS閫夋嫨鍣ㄥ拰灞炴€э紝鍖呮嫭鎵€鏈夌殑last-child閫夋嫨鍣ㄣ€傛渶杩戝湪缃戠珯鏀圭増杩囩▼涓�锛屾垜浣跨敤浜唖electivizr锛岀綉绔欑珶鐒跺彲浠ユ��涓嶈蛋鏍风殑鍦ㄨ€佸紡IE娴忚�堝櫒鐨勬�e父鏄剧ず銆備笅闈㈡槸鎴戜娇鐢ㄧ殑浠g爜鐗囨�碉細

<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->

鐜颁唬鏂版妧鏈疻EB椤圭洰涓嶅彲缂哄皯鐨刯s搴撱€傚畠鍙�浼氬湪鑰佸紡IE閲屽姞杞姐€�

鏉′欢鍒ゆ柇娉ㄩ噴

浣犱竴瀹氳�佸埌杩囪繖绉嶆瀬鍏朵笐闄嬬殑鏉′欢鍒ゆ柇娉ㄩ噴銆傜劧鑰岋紝涓戣櫧涓戯紝瀹冨嵈鑳借�╀綘鐨勭綉椤佃兘鎸変綘甯屾湜鐨勬柟寮忚繍琛岋細

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

杩欐�典唬鐮佷笉闇€瑕丣avaScript锛屼笉闇€瑕佺瓑寰匤avaScript鐨勫姞杞斤紝浣犲畾涔夌殑CSS鏍峰紡浼氱珛鍗崇敓鏁堣捣浣滅敤锛屾病鏈夐偅绉嶅洜涓哄姞杞藉欢杩熻€屽嚭鐜扮殑鏍峰紡闂�鍙樸€�

铏界劧IE鍦ㄥ�嬭捣鐩磋拷瀹冪殑閭d簺绔炰簤瀵规墜锛屼絾鐜板疄鎯呭喌鏄�鑰佸紡鐨処E娴忚�堝櫒浠嶇劧鐩稿綋鏅�閬嶏紝鐗瑰埆鏄�鍦ㄩ偅浜涘彂灞曚腑鍥藉�躲€傛�f叞鐨勬槸锛屼笂闈㈢殑杩欎簺宸ュ叿鍦ㄦ墍鏈夋祻瑙堝櫒閲岄兘鍙�浠ヤ娇鐢ㄣ€�


上一篇:2015 年, HTML5 和 IP 化
下一篇:CIO最为关注的六大企业移动应用平台

相关推荐

  • 防止对HTML5的浏览器历史popstate滚动

    Alex Malet de Carteret(https://stackoverflow.com/users/1415096/alexmaletdecarteret)提出了一个问题:Prevent b...

    2 年前
  • 防止HTML5视频被下载(右键保存)?

    Mureinikpython(https://stackoverflow.com/users/2422776/mureinik)提出了一个问题:Prevent HTML5 video from bei...

    2 年前
  • 选择移动Web HTML5框架[关闭]

    Andrew BarberSarfraz(https://stackoverflow.com/users/237838/andrewbarber)提出了一个问题:Choosing Mobile Web...

    2 年前
  • 选择某类的最后一个元素——CSS3伪类选择器走过的坑

    众所周知,在CSS3规范中,添加了许多了伪类选择器,这些选择器代替了不少JS的工作,让我们从以前通过获取DOM节点进而进行样式修改的操作,变得更加便捷高效。 然而我在近期开发使用的过程中,遇到了不少坑...

    5 个月前
  • 进入 CSS3 动画

    我最近有机会深入研究一些CSS3动画。 我使用了像animate.css这样的库,用javascript完成了动画,但从未做过任何自定义的CSS3工作 原文(https://codeguide.cn/...

    1 年前
  • 达文西,用JS写个兼容IE8浏览器的类选择器

    基于某些考虑,有时我们项目中会尽量使用原生,这种情况下连最简单的类选择器可能都要进行兼容性处理。是后来引入的,历史不如和。越是新的特性,浏览器的兼容相对就越差。 虽然这3个选择器都并不是百分百兼容所...

    1 年前
  • 轻松使用纯css3打造有点意思的故障艺术(附React/Vue加强组件版)

    前言 很早之前就看到国外很多酷炫的网站在实践"故障艺术", 或者错位动画", 感觉非常有意思, 现在APP端的抖音启动界面有着这种设计的影子, 作为一名用于探索未知的前端工程师, 有必要好好实践一下这...

    15 天前
  • 超详细教程:纯CSS3写一个摇头晃脑的小哥

    1.制作背景 1.1作为一个刚刚打算要入行的准前端,并没有什么基础,暂时是按照网上的前辈们的指导,按部就班地学习中。首先就要学习CSS3的使用。前期,做过几个比较简单的网站首页的仿制,现在想要试试...

    3 年前
  • 调整HTML5画布大小以适应窗口

    shekhardevyn(https://stackoverflow.com/users/1087135/shekhar)提出了一个问题:Resize HTML5 canvas to fit wind...

    2 年前
  • 调整HTML5画布中的图像大小

    Telanor(https://stackoverflow.com/users/149986/telanor)提出了一个问题:Resizing an image in an HTML5 canvas,...

    2 年前

官方社区

扫码加入 JavaScript 社区