javascript - <a> 为 :hover or <div> with hover event for buttons?

Question

我通常使用 <a>例如制作 block 状按钮:

a
{
    color:#fff;
    display:block;
    background-color:#ff0000;
}

a:hover
{
    background-color:#c80000;
}

然后我输入href="javascript:void(0);"在 <a> 上标签。我这样做是因为 :hover在 div 上element 不利于向后兼容。话虽这么说，我最初是想尽可能少地使用 JavaScript，但我开始认为这样做不是一件好事？

你们会用什么？

编辑: 我之所以提出这个问题，是因为我注意到 Google+ 正在使用他们的一些按钮。

编辑#2: 我还在 Google+ 上注意到他们的按钮上有一个轻微的动画，所以也许这就是他们使用 's 的原因

Answer 1

div:hover 适用于除 Internet Explorer 6 之外的所有浏览器。但该浏览器已有 10 多年的历史。

在 IE6 中使用 div:hover 的唯一缺点是它们不会获得悬停效果，但它们仍然可以使用(单击)按钮。所以它不会在 IE6 中崩溃，只是看起来与在其他浏览器中略有不同。