overflow-x在IE8中不起作用

Posted 2021-04-14

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

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

答案

yah overflow-x和y是css3规范。

尝试使用像http://baijs.nl/tinyscrollbar/这样的jquery插件

否则我猜你试图隐藏元素的“宽度”？为什么不1.将元素的宽度设置为特定大小2.设置overflow：hidden 3.将height设置为auto

另一答案

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

见here

备注

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

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

另一答案

通过添加以下内容，我能够解决我在IE8中遇到的同样问题：

    position: relative;

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

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

另一答案

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并适用于更高的浏览器。