溢出:隐藏在firefox 3.6中

Overflow: hidden in firefox 3.6

本文关键字:firefox 隐藏 溢出      更新时间:2023-09-26

我制作了一个表单脚本,这样如果我需要表单,我就可以随时使用它,但我注意到,当我为字段设置溢出隐藏属性时,它在Firefox中仍然可见(在3.6中测试)

我看到仍然有超过5%的用户在看FF 3.6,所以我需要修复它。
我在谷歌上搜索了一下,但他们说的所有修复都对我的bug没有帮助。。。

链接到jsFiddle我在JS fiddle中制作了一个表单部分,如果你可以在chrome、IE 6+和FF 3.6中进行测试,你会看到差异(当你点击复选框时,隐藏的内容应该显示)。

,有人能帮忙吗

砂光机

看起来这是一个Mozilla漏洞,已经持续了7年多(据2004-09-22报道):

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

问题

overflow被指定固定的高度或宽度时(无论您将其设置为什么),它在fieldset上始终被视为overflow: visible

变通办法

您可以使用display: none来隐藏字段集内容,或者如果您想继续使用overflow:hidden方法,则可以将元素从fieldset更改为div,或者将fieldset嵌套在另一个具有属性overflow: hiddendiv中。

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