1

我在这里阅读了将 a<div>变为链接的提示： 将 div 变为链接

那里的一个答案表明，即使在表格中也可以使用。

目标是在不使用图像映射或 CSS 的情况下使图像中的多个文本项可点击。图像位于页面上的表格单元格中，并且<div>位于内部，<td>以便链接正确定位在图像中的文本上方。

它按预期工作，除了表格单元格中的背景图像在添加<div>.

这是代码：

<td height="419" align="left" valign="top" background="images/bg_FINAL.jpg"><img src="newimages/Splashpage.jpg" alt="" style="position:relative; left:0; top:0; " >
        <div style="height:100px; width:142px; float:none; position:relative; left:265px; top:-223px; " >
        <a href="http://SomeURL.com" style="position:absolute; top:0; left:0; width:100%; height:100%; display:block; " ></a>
        </div>
</td>

bg_FINAL.jpg 图像重复低于表格的正常高度（本例中为 419px），我不明白为什么。立即删除<div>使其看起来再次正常（与表格接壤的纯色）。

PS作为一个新用户，我不能发布图片（显然需要10个声望点），但这里有两个截图显示了这个问题：

http://www.box.com/s/bo8jef7o4ahy8kbeusdp

http://www.box.com/s/v2mafsgomj4tksul53rz

4

1 回答 1

0

这是在黑暗中拍摄的，因为没有提供示例或确切外观的屏幕截图，它可能不是正确的修复，但我希望它可能会有所帮助！

由于您没有声明是否希望背景重复，它会自动重复它自己。图像可能设置为与表格相同的宽度，因此您看不到它在 x 轴上重复，仅在 y 轴上重复。因此，在 td 元素内声明一个样式属性并声明 (background-repeat:none) 应该可以解决问题。

像这样。

<td height="419" align="left" valign="top" background="images/bg_FINAL.jpg" style="background-repeat:none;">
于 2012-09-04T19:13:34.400 回答