javascript - 溢出:隐藏在 firefox 3.6 中

标签 javascript jquery css html overflow

我制作了一个表单脚本,以便在需要表单时可以随时使用它,但我注意到,当我为一个字段设置溢出时隐藏的属性时,它在 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

问题

overflowfieldset 上总是被视为 overflow: visible 当它被分配一个固定的高度或宽度时(无论你设置什么它作为)。

解决方法

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

嵌套字段集 示例:http://jsfiddle.net/8nbuj/8/

关于javascript - 溢出:隐藏在 firefox 3.6 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8848714/

相关文章:

css - 可变高度标题内的垂直居中菜单

javascript - 如何减小超过 600 MB 的 Electron 封装大小

javascript - AJAX 使用 PHP 从 POST 获取数据

javascript - 错误: <path> attribute d: expected number - when trying to build a line chart with D3

javascript - 防止 Internet Explorer 中的默认击键操作

javascript - 如何替换ajax数据中<td>的内容?

javascript - 在 AngularJS 中访问同一模块中的工厂

c# - 点击事件中的 ajax 请求后重定向

css - 使用 Border-bottom 将悬停/事件链接放置在菜单项的底部

css - 如何使用 CSS 控制单词之间的间距