Question

我在IE中遇到overflow-x:hidden的问题。所有其他浏览器似乎都接受它，但IE创建overflow-x:hidden（x和y）。

有没有人对IE修复有任何提示？

Answer 1

由于-ms-overflow-x正在运行，因此您的DOCTYPE声明可能存在问题。

请参阅here

说明

Windows Internet Explorer 8. -ms-overflow-x属性是一个   CSS的扩展，可以用作IE8中overflow-x的同义词   标准模式。

使用Microsoft Internet Explorer 6及更高版本时，使用   ！DOCTYPE声明指定符合标准的模式，这个   属性适用于html对象。

Answer 2

我能够通过添加：

解决我在IE8中遇到的同样问题

    position: relative;

到需要overflow-x：hidden功能的div。

没有div上的相对定位，我的内容显示在div之外，即使我设置了overflow-x：hidden。

Answer 3

Svbaker 的答案也是正确的。试试这个为我工作。

    <div style="overflow: auto;
                overflow-y: hidden;
                -ms-overflow-y: hidden;
                white-space: nowrap;
                position:relative;
                ">
                 ...somecodes..
    </div>

-ms-overflow-y：hidden; - 这适用于IE8只记得添加位置：相对因为overflow-y / x适用于CSS3并适用于更高的浏览器。

Answer 4

yah overflow-x和y是css3规范。

尝试使用像http://baijs.nl/tinyscrollbar/

这样的jquery插件

否则我猜你试图隐藏元素的“宽度”？为什么不 1.将元素的宽度设置为特定大小 2.设置溢出：隐藏 3.将高度设置为自动

overflow-x在IE8中不起作用

4 个答案: