onclick - W3C验证css sprite后退按钮？

Question

如何让我的 css sprite 返回按钮通过 W3C 验证？这是我调用按钮的代码。

<a href="#" onclick="history.go(-1)"><div class="icon-backbtn"></div></a>   

Answer 1

我最终使用下面的代码来通过 W3C 验证并仍然使用 CSS Sprites。

<a id="icon-backbtn" title="Back" href="#" onclick="history.go(-1)"></a>

Answer 2

您不应该将 a<div>作为 a 的孩子，而应<a>使用 an <img src="..."/>。

编辑：

如果你有一个精灵表，那么只需添加display:block;锚点，它的行为就像一个 div。

Answer 3

由于您使用的是 CSS Sprite，我建议将其放置<a>在<div>（正确的方法）并添加一些 css：

HTML

<div class="icon-backbtn">
  <a href="javascript:history.go(-1)" title="Go Back"></a>
</div>

CSS

.icon-backbtn a {
  display:block;
  cursor:pointer;
  text-decoration:none;
  text-indent:-9999px;
}

CSS 将链接设置为块元素，从而占据 div 的宽度和高度。其余样式用于防止文本的常规链接行为，因为您使用的是图像。