html - Internet Explorer 上损坏的 CSS

标签 html css internet-explorer-9

我有一个 Web 元素,当我在 Internet Explorer 上运行它时,它就中断了。在这里,按照我的意愿工作,在 jsfiddle 上.

在 IE 上,display_area 上升并与顶部的工具栏混合。此外,帖子混合在 side_display_area 中,而不是像在 jsfiddle 上那样被限制在 main_display_area 中。

最佳答案

我遇到的问题是因为 IE 在默认情况下使用“Quirky”模式进行 CSS 渲染,以便与为 IE 专门编写的旧代码兼容。尽管 IE 目前有不同的标准兼容模式(我无法证明有多兼容,但是),它仍然默认为这种兼容模式。

解决方案是通过 X-UA-Compatible header 覆盖或显式设置 IE 的呈现模式。您可以通过 html 标签执行此操作:

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

more info

关于html - Internet Explorer 上损坏的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12194582/

相关文章:

html - 带有边框半径和出血背景颜色和边框的 IE9 div

javascript - 复选框未绑定(bind)到它们在 DOM jquery 上创建的标签

css - Flexbox 容器不包括 margin-bottom

javascript - 我如何将我的媒体查询与 java 脚本集成以支持 IE 中的@media 查询?

javascript - 无法通过 Javascript 将属性添加到通过 XMLHttpRequest 接收的 DOM 对象

css - 在 IE9 中从 div 中删除图像标签

javascript - 带有 promise 的 jQuery ajax 请求在 IE9 中不起作用

javascript - 根据项目数量有条件切换按钮显示

html - 使文本在底部 div 对齐

html - 布局 Bootstrap 移动导航栏问题