第三方产品输出带有 iframe 的网页,我无法完全控制内容。主 iframe 缺少文档类型声明,这迫使 IE8 进入怪癖模式。
我正在维护一个 javascript 应用程序,它在屏幕的右边缘添加了几个按钮。问题是布局在 IE8 怪癖模式下关闭。按钮不可见(可能是由于不正确的 IE z-index 行为)并且它们的位置已关闭。
我正在考虑为 IE8 创建一个单独的 CSS。我应该如何针对怪癖模式调整 CSS?
最佳答案
如果您确实可以控制(单独的)Javascript 文件,并且假设已经在头部调用了 JS 文件,您可以在 html
元素上设置一个条件类,如下所示:
<html>
<head>
<title>Demo Conditional Class Quirks Mode</title>
<script type="text/javascript" src="folder/js_file.js"></script>
<style type="text/css">
div {
width: 100px;
height: 100px;
background: red;
position: relative;
left: 100px;
}
.ieQM div {
left: 200px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
将其添加到 js_file.js 时:
if (document.documentMode == 5)
document.documentElement.className += ' ieQM'; // IE in Quirks Mode
.
顺便问一下,我想知道这是否只是 IE8 中的一个问题,文档没有文档类型?没有它,不是所有的 IE 都会恢复到怪癖模式吗?
关于css - 使布局在 IE8 怪癖模式下工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24363284/