相关疑难解决方法(0)

我使用表来显示我动态生成的数据取决于用户输入html结构如下所示:

<table>
<tr>
    <td>.....</td>
    <td>.....</td>
    <td style="position:relative;"> //like this i set for all td in table
     <div style="position:absolute">//like this i set for all div in table
     <contents>
     </div>
   </td>
   <td>.....</td>
   <td>.....</td>
</tr>
</table>

这里的div是到了body的顶角.所有这些上面的样式都应用于javascript和它在chrome,IE中的工作正常,但不在FF中,如下图所示.

如果我们将div的位置更改为绝对到相对它将正确对齐,但我做一个悬停效果,而用户悬停div的位置是重要的,这个问题只发生在firefox

为了您的快速参考,请查看jquery http://www.malsup.com/jquery/hoverpulse/

我需要这样必须在FIREFOX表中实现,这意味着

• 每个图像放在一个td内//<td style="position:relative;">

• 如果用户将鼠标悬停在td上,则图像应该脉冲(缩放效果).

• 当用户将鼠标悬停时,它应该进入之前的状态.(正常大小)

表格结构已在上面给出.

我试图绝对将一个元素放在表格单元格中.TD有position:relative和元素有position:absolute.

这在所有浏览器中都很有效,除了在Firefox中它相对于祖先相对容器定位.

你可以在这个小提琴中看到这个:http://jsfiddle.net/ac5CR/1/

有谁知道我是否错过了一些可以在Firefox中修复的CSS设置？