溢出：隐藏在Firefox 3.6中

Question

我创建了一个表单脚本，以便我可以随时使用它，如果我需要一个表单，但我注意到当我设置一个字段时，溢出隐藏的属性仍然在Firefox中可见（在3.6中测试）。

我看到仍有超过5％的用户在FF 3.6中查看，所以我需要修复它。
我用谷歌搜索了它，但他们说的所有修复都没有帮助我解决我的错误......

链接到jsFiddle我参与了JS小提琴中的表单，如果你可以在chrome，IE 6+和FF 3.6中测试你看到的差异（当你点击隐藏内容应该显示的复选框时）。

请有人帮忙，

桑德

Answer 1

它看起来像是一个已经持续了7年多的Mozilla bug（2004-09-22报道）：

https://bugzilla.mozilla.org/show_bug.cgi?id=261037

问题

overflow始终被视为overflow: visible当fieldset被赋予固定的高度或宽度时（无论您将其设置为什么），它都overflow: visible 。

解决方法

您可以使用display: none来隐藏fieldset内容，或者如果您想继续使用overflow:hidden方法，那么您可以将元素从fieldset更改为div或使用属性overflow: hidden在另一个div嵌套fieldset 。

嵌套fieldset示例： http ： //jsfiddle.net/8nbuj/8/