css – 删除IE8中的页面滚动条(溢出：隐藏不起作用)

应用这个

overflow:hidden;

我的文件正文在IE8中没有任何效果.有什么想法吗？

解决方法

这取决于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,在菜单栏的末尾(出于某种原因……),有一个“文档模式”设置.在标准和Quirks之间切换也应该切换滚动条.

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

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

css – 删除IE8中的页面滚动条(溢出：隐藏不起作用)

解决方法

相关文章