Question

应用此

overflow:hidden;

到我的文档正文在IE8中没有效果。有什么想法吗？

Answer 1

这取决于IE8是以标准还是Quirks模式呈现页面。例如，将显示以下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会以Quirks模式呈现页面：

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

您也可以通过使用Developer Tools强制渲染模式来检查这一点。在页面上按F12，在菜单栏的末尾（出于某种原因......），有一个“文档模式”设置。在这里切换标准和怪癖也应该切换滚动条。

所以......你需要让你的页面符合HTML标准！它不一定是XHTML Strict，它可能是HTML 4，如果你真的必须是XHTML Transitional。

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

Answer 2

它必须是别的东西，因为我只是应用了overflow：隐藏在这个stackoverflow页面的HTML元素上，滚动条消失了。

你可以发布更多的CSS或代码吗？

编辑：我也在body元素上尝试了它，它也工作了..不再滚动条。

Answer 3

添加此IE hack：

 max-height: none\9

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

3 个答案: