3

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

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

4

4 回答 4

8

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

看这里

评论

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

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

于 2012-12-03T11:53:30.317 回答
1

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

    position: relative;

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

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

于 2013-08-03T01:30:37.810 回答
1

Svbaker的答案也是正确的。试试这个对我有用。

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

-ms-溢出-y：隐藏；- 这适用于 IE8 只需记住添加 position:relative 因为overflow-y/x 适用于 CSS3 并且适用于更高版本的浏览器。

于 2015-07-20T05:47:31.463 回答
-6

是的，溢出-x 和 y 是 css3 规范。

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

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

于 2012-12-03T10:42:28.130 回答