javascript - FireFox 上的 CSS 溢出隐藏问题

Question

建议:它发生在 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 溢出声明？

如你所愿，两个现场测试:

With ID

With class

顺便说一下，有一个愚蠢的错误，但现在 Id 或类都不起作用......

Answer 1

看起来您遇到了 https://bugzilla.mozilla.org/show_bug.cgi?id=261037 ，已在即将推出的 Firefox 28 中修复。从现在起大约 5 天后发货，所以除非你真的需要它在旧的 Firefox 版本中工作，否则我不会费心解决方法；假设它会起作用。

如果确实需要变通，可以尝试在字段集中使用嵌套的 div，将高度设置为 100%，并在 div 上设置溢出样式。