在IE8模式下使布局工作
在IE8模式下使布局工作
提问于 2014-06-23 10:08:12
第三方产品输出一个带有iframes的网页，而我并不完全控制内容。主要的iframe缺少doctype声明，这迫使IE8进入古怪模式。
我正在维护一个javascript应用程序，它向屏幕的右侧添加了几个按钮。问题是布局在IE8模式下是关闭的。按钮是不可见的(可能是由于不正确的IE索引行为)，并且它们的位置是关闭的。
我正在考虑为IE8创建一个单独的CSS。我应该如何调优CSS的古怪模式？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-23 12:11:04
如果您确实控制了(单独的) 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中的一个问题，文档没有doctype？难道没有它，所有IEs都会恢复到怪癖模式吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24363284
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号