2012-12-03 30 views
2

我在IE中遇到overflow-x:hidden问题。所有其他浏览器似乎都接受它,但IE创建了overflow-x:hidden(x和y)。overflow-x在IE8中不工作

有没有人有任何提示在IE修复?

+5

算出来:-MS-溢出-X – TomD

+0

这一定是个误会。自版本5以来,IE支持'overflow-x'。在版本8中添加了同义词'-ms-overflow-x',但不应该使用它。你一定做了一些其他改变了情况的东西。 –

回答

-5

yah overflow-x和y是一个css3规范。

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

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

+0

不需要。该物业是很好的支持,其中包括IE 5+:https://developer.mozilla.org/en-US/docs/CSS/overflow-x –

+0

这是我的文档类型..'<!DOCTYPE HTML!> <! - - [if ie IE 7]> <! - [if IE 7]> <! - [if IE 8]> <! - [if ie IE 8]><! - ' – TomD

+4

任何说'使用这个jQuery插件'的答案应该被禁止 – andygoestohollywood

7

由于-MS-溢出-X是工作则可能是有问题的DOCTYPE声明。

here

备注

的Windows Internet Explorer 8 -MS-溢出-X属性是一个 扩展CSS,并且可以用作在IE8溢出-X的代名词 标准模式。

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

+0

这是我的文档类型: – TomD

1

我能够加入到解决我在IE8有同样的问题:

position: relative; 

到所需要的溢出-X的DIV:隐藏的功能。

不上格的相对位置,我含量显示,即使我已经设置溢出-X股利外:隐藏。

0

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

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

-ms-overflow-y:hidden; - 这对IE8的工作只是记得添加位置:相对,因为溢出y/x是为CSS3和适用于较高的浏览器。