这是我当前的代码:
<td height="150" style="background: url(bg.jpg); cursor: pointer;" onClick="document.location.href='http://www.youtube.com';">
现在显然使用 JavaScript,这不太可能在电子邮件客户端中工作(是吗?)。什么是 HTML 解决方案?提前致谢!我试过包装链接标签,但这似乎没有奏效。
这是我当前的代码:
<td height="150" style="background: url(bg.jpg); cursor: pointer;" onClick="document.location.href='http://www.youtube.com';">
现在显然使用 JavaScript,这不太可能在电子邮件客户端中工作(是吗?)。什么是 HTML 解决方案?提前致谢!我试过包装链接标签,但这似乎没有奏效。
为什么不直接设置链接以占用 td 的宽度和高度:
<td height="150" style="background: url(bg.jpg);"><a href="http://www.youtube.com" style="display:block;height:150px;width:100%;"></a></td>
你不能这样输入:
<td height="150"><a href="http://www.youtube.com"><img src="bg.jpg" /></a></td>
鉴于您发布的信息(以及您对@PAM 答案的评论),我认为这将解决您的问题:
<td width="150" style="background-color:rgb(128,128,128); background-image:url('http://www.yoursite.com/yourpicture.gif'); cursor:pointer;">
<a href="http://www.youtube.com">
...Text...
</a>
</td>
我已将background-color
属性添加到 ,td
以便用户在他们的电子邮件客户端不显示背景图像时有一个后备。当然,您应该将其设置为与背景图像相似的颜色。