如何使這些功能<a>適用於Firefox，而不僅僅是Internet Explorer 6</a>

Question

該代碼僅適用於Internet Explorer 6，但我不知道如何使其適用於Firefox。 我正在使用包含表行的超鏈接來更改頁面上的內容。 但是，在Firefox上，鏈接變得不可點擊...

這是CSS：

#sidebar         {display:block; top:116px; left:11px; width:150px; position:fixed;}   

.sidebarLink     a:hover td { cursor:pointer; background-color:#f60;
                 color:#fff; border: 1px solid #f60;;}
.sidebarLink     td{background-color:#fff; color:#f60; border: 1px solid #ccc;;}
.sidebarLink     {font-family: sans-serif; font-weight: bold; font-size: small;} 

和HTML：

<div id="sidebar">      
    <table style="table-layout: fixed; word-wrap: break-word border-collapse: collapse;" class="sidebarLink" cellpadding="5" cellspacing="4" width="150">
        <a href="index.php?test=table1"> 
            <tr align="middle">
                 <td>Link 1</td>
            </tr>
         </a>
         <a href="index.php?test=table2">
             <tr width="90" align="middle">
                 <td>Link 2</td>
             </tr>
         </a>
   </table>
</div>

我可以將其轉換為帶有按鈕的表單，並對按鈕進行樣式設置，使其看起來像現在的桌子一樣。 問題是導致表本身和onHover功能導致性能問題，因此如果有人知道在Firefox中實現此功能的方法，那就太好了。

Answer 1

這完全是偽造的HTML，我很驚訝它甚至可以在IE6中使用。 您不能只在表及其單元格之間放置任意元素。

看起來您根本不需要一張桌子嗎？ 只需要兩個鏈接（也許在列表中）並display: inline-block;它們即可display: inline-block; 和width: 75px

順便說一句，如今的瀏覽器比Firefox和IE6還要多，而IE6如今在流行階梯的底部已經變得風風火火了。 甚至谷歌幾年前也基本上放棄了。

Answer 2

為什么不這樣做：

<div id="sidebar">      
    <table style="table-layout: fixed; word-wrap: break-word border-collapse: collapse;" class="sidebarLink" cellpadding="5" cellspacing="4" width="150">

            <tr align="middle">
                 <td><a href="index.php?test=table1"> Link 1</a></td>
            </tr>


             <tr width="90" align="middle">
                 <td><a href="index.php?test=table2">Link 2</a></td>
             </tr>

   </table>
</div>