html - 布局网站 IE8 及更低版本看起来不正确 CSS3

标签 html css internet-explorer-8

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

我的网站 PackageNow.net 基于 HTML5 和 CSS3。所有其他浏览器都不会出现任何问题,但 IE8 和更低版本会出现问题。

Website wrong view

我尝试应用 PIE 解决方案,并尝试在 IE 低于 9 时应用附加到网站的不同 CSS 样式

网站应该是这样的...

Website correct view

如果布局会有点不同但我会理解,但这不正常......

请帮忙,因为我的一些客户仍然使用 IE8 及以下版本。我添加了一个脚本,说明浏览器已过时,但我需要提供一个可用的网站。否则我会失去客户。

抱歉我的英语不好,希望你能理解我想说的。

谢谢!罗伊

最佳答案

是的,这可能是预期的行为(取决于您在做什么)并且对于 IE8 来说是完全正常的。

在 IE8 中,许多 HTML5 标记/元素不会被浏览器主动理解,并且它不知道它是应该显示在行中还是作为 block 显示,您需要提供 HTML5 shim来处理这些问题。

在 IE8 中支持的 CSS 选择器规则也很少,可以在 Selectivizr 找到一个列表。如何获得对此的支持。当然,您随后需要 JQuery 之类的东西来提供这种支持

还有一些 :pseudo 属性不受支持,您需要编写 JavaScript 来模拟这些属性并添加适当的样式规则。

IE9 以下的 IE 不呈现 HTML5/CSS3 布局的原因还有很多。 IE8 中几乎没有任何受支持的 CSS3 功能(即使 PIE 也只支持其中的一部分)。如果你看一下Browser Support Reference 你会看到什么是浏览器不支持的,没有 polyfill 的帮助..

幸运的是,开发人员通过使用 Helpful Polyfills 在 HTML5 中提供了许多其他功能。 ,所以请查看列表,看看您是否需要其中的一些内容。

关于html - 布局网站 IE8 及更低版本看起来不正确 CSS3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20160052/

上一篇:jquery - 使用 Twitter Bootstrap 3 固定导航栏

下一篇:css - 响应式 slider 问题和 Bootstrap

相关文章:

javascript - 网页输出不持久

margin - CSS 内联 block 不考虑边距或填充

html - 如何让边框正常工作 html

javascript - JS 内部函数未在 IE8 上执行

css - Yii Bootstrap Extension IE8 主动导航错误

html - 水平居中页脚 div

html - 背景大小 (CSS3) 无法正常工作

javascript - 在窗口之间拖放图像,而不是链接 - HTML5

css - Sass 部分导入

windows-7 - 在 IE8 中使用 window.location 时出现 Microsoft JScript 运行时错误