建议:它发生在 fieldset 上,而不是 div 上。请参阅下面的测试链接。
在 Firefox 中,这有效,内容在 50px 处被 chop :
#someDiv {
display:block;
height:50px;
overflow:hidden;
}
但这不起作用,显示了所有内容:
.openAndClose {
display:block;
height:50px;
overflow:hidden;
}
在 Safari 和 Chrome 中,两种 CSS 声明都有效。使用伪类对于稍后将由 JavaScript 打开和(几乎)关闭的 div 很有用。否则我将不得不设置每个 ID,如果我决定将 50px 更改为 60px,则所有内容都必须更正。
有没有办法让 FireFox 接受伪类 CSS 溢出声明?
如你所愿,两个现场测试:
顺便说一下,有一个愚蠢的错误,但现在 Id 或类都不起作用......
最佳答案
看起来您遇到了 https://bugzilla.mozilla.org/show_bug.cgi?id=261037 ,已在即将推出的 Firefox 28 中修复。从现在起大约 5 天后发货,所以除非你真的需要它在旧的 Firefox 版本中工作,否则我不会费心解决方法;假设它会起作用。
如果确实需要变通,可以尝试在字段集中使用嵌套的 div,将高度设置为 100%,并在 div 上设置溢出样式。
关于javascript - FireFox 上的 CSS 溢出隐藏问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22334845/