HTML5适用于Google Chrome,但不适用于Mozilla Firefox或Internet Explorer

时间:2012-11-13 17:45:02

标签: html5 internet-explorer firefox

我正在使用所有HTML5代码构建一个网站,它在Chrome中打开很棒但在IE或Firefox中没有呈现,只是纯文本。

如何让我的代码适用于其他浏览器,我尝试过Google Shiv,但由于某种原因它不适合我。请帮忙

http://jsbin.com/welcome/48211/edit

这是现场代码,如果有人可以进去帮我看看我做错了什么。

3 个答案:

答案 0 :(得分:0)

您是否在CSS中进行了重置,重置允许您控制站点的每个部分。按照您的具体要求的格式。重置您的CSS不仅可以让您为您的网站创建样式,还可以用它来创建任何/大多数浏览器的起点。即通过重置。重置的例子有:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

有许多资源可以解决IE和其他所有浏览器的许多错误。你需要尝试通过重置你的CSS来减少它们。

以下是一些有用资源的链接:

MEYER WEB IE RESET CSS

ULTIMATE IE BUGS - VIRTUOSI

SIX REVISIONS - CSS RESETS

我希望这会有所帮助。祝你好运。

答案 1 :(得分:0)

HTML 5和CSS3实现在浏览器之间有所不同,并且不完全支持IE和Firefox中的标准。 Chromeframe可能是您的用户群的一种简单的解决方法,因为webkit的标准实施是您目前最好的:http://www.google.com/chromeframe。此外,这是一个漂亮的浏览器比较图表:http://html5readiness.com/

答案 2 :(得分:0)

  

我正在使用所有HTML5代码构建一个网站,并且它打开很棒   Chrome浏览器或Firefox中没有任何内容呈现,只是纯文本。

您可能想要检查CSS是否正确加载。

您是直接从文件系统打开它吗?如果是这样,在IE中你可以按F12打开内置的开发人员工具来检查是否正在加载样式。在Firefox中使用Firebug插件来检查相同的内容。