Question

我们有一些CSS按钮。在Chrome和其他浏览器中，右键单击按钮可获得预期选项：在新标签页中打开，在新窗口中打开等等。

但是，在Internet Explorer中，右键单击时，在新选项卡菜单中右键单击/打开不正常。相反它说，（撤消，剪切，复制，粘贴，删除，全选，检查元素）。

HTML看起来像这样：

<a href="http://www.example.com/button_link.php"><button class="my-button">Click Here</button></a>

CSS看起来像这样：

.my-button {
  border: 1px #000000 solid;
  line-height: 1.1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eef0f1 repeat-x url("data:image/png;base64,___base_64_stuff_here_____");
}

有任何想法为什么我可以选择“在新标签中打开”Chrome，Opera，其他人而不是Internet Explorer？

Answer 1

将button置于anchor标记内并不合理。

有几种方法可以做到这一点。其中之一是使用JavaScript。您可以使用纯JavaScript来实现此目的：

<button class="my-button" onclick="window.location.href='http://www.example.com/button_link.php';">Click Here</button>

另一种方法是使用CSS使链接看起来像一个按钮，并完全删除button标记。

右键单击选项卡不适用于Internet Explorer

1 个答案: