CSS 按钮在 IE 中不起作用，但在 FF 中起作用

Question

我一直在互联网上寻找解决方案，解释为什么 IE7 不能正确打开链接，例如

    <a href="http://www.google.com"><button class="class1">Google</button></a>

IE7 不喜欢有吗？

我听说我应该使用 jquery 来实现这个？但没有人链接到任何文章。

Answer 1

根据 W3C 的规范 anchor (< code>) 标签 和 <按钮>标签，你应该能够做到这一点，但是根据快速 Google 搜索，您不能和/或不应该这样做，而且它在 Internet Explorer 中不起作用。

这篇文章实际上推荐添加Javascript，这样链接也可以在IE中打开：

<a href="http://www.expertsguide.info/"><button type="button" onclick="window.location('http://www.expertsguide.info/')">Click Me to go to Experts Guide</button></a>

Answer 2

尽管可以，但锚点 () 内不应有按钮 ()。

向按钮添加一个事件处理程序，如下所示：

<input type="button" value="Google" onClick="javascript:location.href = 'http://google.com';" />

注意：出于多种原因，您应该考虑不这样做。最重要的是，您可以（并且应该）将 元素设置为看起来像按钮。

Answer 3

最好不要使用超链接内的按钮。

将超链接设置为看起来像按钮。

尝试这些

http://www.webresourcesdepot.com/css3-buttons-10-awesome-ready-to-use-solutions-all-lated-tutorials-you-need/

Answer 4

试试这个：

<script>

$(document).ready(function() {

   $('.class1').click(function() {
      window.location = $(this).parent().attr('href');
      return false;
   }

});

</script>

或者干脆删除按钮标签并使用这个：

<script>

$(document).ready(function() {

   $('a').click(function() {
      window.location = $(this).attr('href');
      return false;
   }

});

</script>

Answer 5

为了独立于 JavaScript（这样它也可以在禁用 JS 的浏览器上工作，与这里的许多其他答案相反），我建议将其以通常的方式包装在

中，并且将其改为 （或 ）。

<form action="http://www.google.com">
  <button type="submit" class="class1">Google</button>
</form>

或者

<form action="http://www.google.com">
  <input type="submit" value="Google" class="class1" />
</form>