html - Firefox:div:hover 仅适用于第一行

标签 html css firefox

  • 我有一个非常简单的表格,其中包含一个 div,在滚动时显示一些较小的内部 div。只是普通的旧 CSS2,一点也不花哨。

  • 在 Chrome 和 Safari 中按预期工作。

  • 但是,在 Firefox 8 中,:hover 仅适用于第一个 TR - 而第二个 TR 完全相同。

    /li>
  • 代码没有验证错误。

  • 有什么可能导致此行为的想法吗?

  • http://jsfiddle.net/gNBSc/9/ 上使用 jsfiddle

最佳答案

Firefox 不善待您将 position:relative 应用到 tr 本身(我不确定为什么,没有时间查找)。这具有 所有 div.hover 元素堆叠在第一个表格行上的效果(参见 here,添加边框以使其清晰)。

作为解决方法,您可以将每个 tr 的内容包装在一个 div 中,并将 position:relative 应用于该 div 而不是 tr

关于html - Firefox:div:hover 仅适用于第一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8522979/

相关文章:

html - 图像定位和 div 高度扩展的 CSS 样式问题

javascript - 我怎样才能正确地每 20000 毫秒重新加载一个 div?

css - OSX 上的 Firefox 错误计算 CSS calc

php - 解析显示在 php/html 表格中的 txt 文件

html - 如何做一个导航栏

javascript - 使用 FireFox 中的 Vaadin 按钮复制到剪贴板

firefox - Firefox中的HTTP header "q"因素?

javascript - 在多个地方使用 javascript 为相同的元素 id 更改 CSS 元素

javascript - 如何使用 Javascript 使 div 中的图像出现

html - 我有一个导航栏。如何将元素的高度设置为导航栏的 100%?