Question

我正在尝试创建一组按钮，这些按钮将充当我的网站的页面导航（移动/桌面混合，这是非移动友好平台的结果）。这些按钮适用于Chrome和Safari。当我在IE11中测试时，它们不起作用。有谁知道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>

Answer 1

我实际上会添加一个Javascript事件，它会更改div上的页面而不是添加按钮。这也应该适用于IE11，甚至可能适用于旧版本的Internet Explorer。我想我记得在codecademy上做这些事情......

当然这需要你知道javascript并且我自己的知识太生疏了（如果它不是，我自己也添加了一些代码）

链接的CSS按钮不适用于IE11

1 个答案: