鏈接的CSS按鈕不能在IE11中工作

我正在嘗試創建一組按鈕，這些按鈕將充當我的網站（非移動友好平臺的結果）的頁面導航。這些按鈕可在Chrome和Safari中使用。當我在IE11中測試時，它們不起作用。有誰知道與IE11的任何兼容性問題？源代碼如下，但請注意，我已將註釋懸停起來。鏈接的CSS按鈕不能在IE11中工作

<style> 
    .button1 { background-color:#17365d; border: 2px solid #17365d; width: 100%; height: 90px; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: pointer; } //.button1:hover { background-color:#e0e0e0; border: 2px solid #17365d; color: black; -webkit-transition-duration: 0.5s; }// 
</style> 
<table style="width: 100%;" cellspacing="5" cellpadding="5"> 
    <tbody> 
     <tr> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/hqrio/resources.aspx"><button class="button1" type="button">Resources</button></a></td> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/IMATravel.aspx"><button class="button1" type="button">IMA Travel</button></a> </td> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/IMA-RPO.aspx"><button class="button1" type="button">Military Pay</button></a></td> 
     </tr> 
     <tr> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/Education-Force-Development.aspx"><button class="button1" type="button">Education &amp; Force Development</button></a></td> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/Benefits.aspx"><button class="button1" type="button">Entitlements &amp; Benefits</button></a></td> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/IMAVacancies.aspx"><button class="button1" type="button">IMA Vacancies</button></a></td> 
     </tr> 
     <tr> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/Detachments.aspx"><button class="button1" type="button">HQ RIO Detachments</button></a></td> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/awards-boards.aspx"><button class="button1" type="button">Awards &amp; Boards </button></a></td> 
      <td style="width: 33.3%; text-align: center; vertical-align: middle;"><a href="/HQRIO/training.aspx"><button class="button1" type="button">Training </button></a></td> 
     </tr> 
    </tbody> 
</table>

來源

2016-06-23 Timm

我實際上會添加一個JavaScript事件，它改變了divs自己的頁面而不是添加一個按鈕。這應該也適用於IE11，甚至可能適用於舊版Internet Explorer。我想我記得在codecademy上做這樣的事情...

當然，這需要你知道的JavaScript和我自己的知識太生疏（如果它不是，我自己也添加了一些代碼）

來源

2016-06-30 20:20:57

鏈接的CSS按鈕不能在IE11中工作

回答

相關問題