Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5 shiv打破ie8的页面_Html_Internet Explorer 8 - Fatal编程技术网

HTML5 shiv打破ie8的页面

HTML5 shiv打破ie8的页面,html,internet-explorer-8,Html,Internet Explorer 8,我是html5的初学者。当我尝试调用html5 shiv时,页面不会在ie8中呈现。只加载背景 我要补充以下几点 <header> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script><![endif]--> <script> document.createElement('h

我是html5的初学者。当我尝试调用html5 shiv时,页面不会在ie8中呈现。只加载背景

我要补充以下几点

<header>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">     </script><![endif]-->   
<script>
  document.createElement('header');
  document.createElement('nav');
  document.createElement('hgroup');
  document.createElement('section');
  document.createElement('article');
  document.createElement('aside');
  document.createElement('footer');
   </script>
请帮忙

  • 您不必使用
    文档创建所有元素。createElement
    -shiv会为您创建
  • 在您的CSS中,您为IE8创建了所有新元素
    内联
    ,但是在好的浏览器中它们自然会被阻塞。尝试使其一致,并使用以下规则,例如:
  • /*
    *修正了IE 8/9中未定义的“块”显示。
    */
    文章
    在一边
    细节,
    figcaption,
    图形
    页脚,
    标题,
    hgroup,
    导航,
    第节,
    总结{
    显示:块;
    }
    /*
    *更正IE 8/9中未定义的“内联块”显示。
    */
    音频
    帆布,
    录像带{
    显示:内联块;
    }
    /*
    *阻止现代浏览器在没有控件的情况下显示“音频”。
    *移除iOS 5设备中的多余高度。
    */
    音频:非([控制]){
    显示:无;
    身高:0;
    }
    
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {     display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }