您需要对CSS进行一些小的更改。使之
td
height:100%;适用于IE 8和FF 3.6,但不适用于Chrome。
td { width: 200px; border: solid 1px green; height: 100%}td a { display: block; height:100%; width:100%;}但要做出
height对
50px作品的Chrome除了IE和FF
td { width: 200px; border: solid 1px green; height: 50px}td a { display: block; height:100%; width:100%;}编辑:
您已在此处的另一篇文章中自己给出了解决方案;这是要使用的
display:inline-block;。与我的Chrome,FF3.6,IE8解决方案结合使用时
td { width: 200px; border: solid 1px green; height: 100%}td a { display: inline-block; height:100%; width:100%;}更新资料
以下代码在IE8,FF3.6和chrome中对我有效。
的CSS
td { width: 200px; border: solid 1px green; height: 100%;}td a { display: inline-block; height:100%; width:100%;}td a:hover { background-color: yellow;}的HTML
<table> <tbody> <tr> <td> <a href="http://www.google.com/">Cell 1<br> second line</a> </td> <td> <a href="http://www.google.com/">Cell 2</a> </td> <td> <a href="http://www.google.com/">Cell 3</a> </td> <td> <a href="http://www.google.com/">Cell 4</a> </td> </tr> </tbody></table>



