我制作了一个表单脚本,以便在需要表单时可以随时使用它,但我注意到,当我为一个字段设置溢出时隐藏的属性时,它在 Firefox 中仍然可见(在 3.6 中测试)。
我看到还有超过5%的用户在看FF 3.6所以我需要修复它。
我用谷歌搜索了它,但他们说的所有修复都没有帮助我解决我的错误......
Link to jsFiddle我在 JS fiddle 中制作了表单的一部分,如果你可以在 chrome、IE 6+ 和 FF 3.6 中测试,你会看到差异(当你单击复选框时,隐藏的内容应该显示)。
请有人帮忙,
桑德
最佳答案
看起来这是一个已经持续了 7 年多的 Mozilla 错误(报告于 2004-09-22):
https://bugzilla.mozilla.org/show_bug.cgi?id=261037
问题
overflow
在 fieldset
上总是被视为 overflow: visible
当它被分配一个固定的高度或宽度时(无论你设置什么它作为)。
解决方法
您可以使用 display: none
来隐藏字段集内容,或者如果您想继续使用 overflow:hidden
方法,那么您可以将元素从fieldset
到 div
或将 fieldset
嵌套在另一个具有 overflow: hidden
属性的 div
中.
嵌套字段集
示例:http://jsfiddle.net/8nbuj/8/
关于javascript - 溢出:隐藏在 firefox 3.6 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8848714/