html 帮助器链接在 ie 中不起作用

Question

我有以下html代码：

 <div class="main">
   <div class="container">
     <button class="btn btn-default">
        @Html.ActionLink("Explore", "Explore")
    </button>
    </div> </div>

按钮样式如下：

.main .btn{
 margin-left:600px;
-moz-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
-webkit-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
background: transparent;
border:1px solid #7b278e;
}
.main .btn a{
    color:#7b278e;
    text-decoration:none;
 }

.main .btn:hover{
    box-shadow:3px 3px 6px #7b278e;
    font-weight:600;
    border:1px solid #7b278e;
 }

链接在 chrome 中可以正常工作，但在 IE 中不行。我对浏览器兼容性不太了解。请帮忙！

该链接在 IE 源代码中显示为带有“探索”链接的按钮。 Explore 但是点击它不会进入“探索”视图。什么都没有发生。

Answer 1

你有一个链接在一个按钮。坦率地说，我很惊讶它可以在任何其他浏览器中运行。由于“按钮”类型的按钮（默认值，如果未指定）没有固有的操作，具有讽刺意味的是，IE 正在做它应该做的事情。

您的目标很可能是将链接设置为按钮。这样做的方法不是将其包装在按钮元素中，而是将 Bootstrap 按钮类 应用到 链接。

@Html.ActionLink("Explore", "Explore", null, new { @class = "btn btn-default" })