我遇到了一个问题。
我知道如何让用户点击整个<TD>
。
但是现在,我的<a href='#'>link</a>
还有一个rel
标签,它会触发一个插件(Shadowbox),在一个漂亮的弹出窗口中打开链接,在我的整个页面上方。
那么如何让整个TD可点击进入链接,其内部看起来像
<td>
<a rel='shadowbox;height=275;width=470' href='send_news_as_mail.php'>send as mail </a>
<td>
更新
.td_clickable
{
display: inline-block;
width: 100%;
height: 100%;
vertical-align:middle;
}
下面的代码是assigne作为&lt;的类。 a href&gt; ..你可以点击整个TD。
我现在对垂直对齐有一点问题,链接的文本设置为顶部,而vertical-align函数不起作用。
最后一个工作版
.td_clickable
{
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
line-height: 45px;
}
<td>
<a class='td_clickable' rel='shadowbox;height=275;width=470' href='send_news_as_mail.php'>send as mail </a>
<td>
将以上内容作为一个类分配给您的&lt; HREF&gt;并将扩展整个道明,您可以点击TD上的任意位置来访问您的链接。
也不要忘记在onMouseOver上做一个this.style.cursor =&#34;指针&#34;所以它看起来不错:))
感谢大家的帮助! 真的很感激