Css 删除IE8中的页面滚动条（溢出：隐藏不工作）_Css_Internet Explorer 8

Css 删除IE8中的页面滚动条（溢出：隐藏不工作）

css internet-explorer-8

Css 删除IE8中的页面滚动条（溢出：隐藏不工作）,css,internet-explorer-8,Css,Internet Explorer 8,应用这个 overflow:hidden; 我的文档正文在IE8中无效。知道为什么吗？一定是别的原因，因为我刚刚应用了溢出：隐藏在这个stackoverflow页面的HTML元素上，滚动条消失了你能发布更多的css或代码吗编辑：我也在body元素上试用过，它也很有效。。不再使用滚动条。这取决于IE8是以标准模式还是怪癖模式呈现页面。例如，将显示以下HTML而不显示滚动条： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

应用这个

overflow:hidden;

我的文档正文在IE8中无效。知道为什么吗？

一定是别的原因，因为我刚刚应用了溢出：隐藏在这个stackoverflow页面的HTML元素上，滚动条消失了

你能发布更多的css或代码吗

编辑：我也在body元素上试用过，它也很有效。。不再使用滚动条。

这取决于IE8是以标准模式还是怪癖模式呈现页面。例如，将显示以下HTML而不显示滚动条：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
    <head>
        <title>test</title>
    </head>
    <body>
        <p>hello</p>
    </body>
</html>


测试
你好

但如果删除doctype声明，IE8将以怪癖模式呈现页面：

<html>
    <head>
        <title>test</title>
    </head>
    <body>
        <p>hello</p>
    </body>
</html>


测试
你好

您还可以通过使用开发人员工具强制渲染模式来检查这一点。按页面上的F12键，在菜单栏的末尾（出于某种原因…）有一个“文档模式”设置。在标准和怪癖之间切换也可以切换滚动条

所以。。。您需要使您的页面符合HTML标准！它不需要严格的XHTML，它可以是HTML4，如果您确实需要的话，甚至可以是XHTML过渡版

可以帮助您解决任何验证错误。

添加此IE黑客：

 max-height: none\9

我用来隐藏滚动条的代码很简单：document.body.style.overflow='hidden'；当我使用IE8开发者工具检查时，我看到应用的样式，但它没有明显的效果。你能使用stackoverflow页面上的开发者工具，在这里应用样式，看看它是否有效吗？（也许你有一些bizar浏览器选项集）但我的第一个猜测是，你的页面上有其他东西正在推翻这个设置。