Firefox：如何将div绝对放在td中

Question

我正在开发一种广告替换脚本。有时广告会出现在这样的标签内：

<tr>
  <td align="right" width="40%"><a><img src="ad.jpg"></a></td>
  <td>123</td>
</tr>

踢球者是我无法改变广告的显示值;为了本练习的目的，我必须用一个不透明的div覆盖它，它需要绝对定位，并且继承边距和浮点数等等。

当在div内部找到广告并且恰好向左或向右浮动时，将div放在适当的左边：0;或者右：0; css属性非常简单。但是，当广告由td设置样式时，即使td附加了一个位置，它似乎也没有正确渲染它：relative;风格。

以下是Chrome \ IE中的内容： （灰色单元格是第一个td，红色是叠加层，内部无边框单元格是要叠加的iframe - 你不能很好地看到它，因为它被覆盖:)）

这是Firefox中的样子：

叠加的代码非常简单......

<div style="right:0;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;position:absolute;z-index:9999;background:red;width:300px;height:280px;"></div>

......并且它正在被讨论的问题。

右：0;财产正在使它从td内部一路射击，即使它被命令相对定位。

我在这里缺少什么？

Answer 1

你可以添加一个位置：相对包装div，如下面的小提琴：http://jsfiddle.net/qfquj/

Answer 2

您还可以将图像设置为背景图像，而不是使用img标签...允许您在其中添加透明度或任何您想要的div。