W3C驗證css sprite後退按鈕？

Question

如何讓我的CSS精靈回退按鈕通過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

你不應該有一個<div>作爲<a>的孩子，使用<img src="..."/>代替。

編輯：

如果你有一個spritesheet，然後只需添加display:block;爲錨，它會表現就像一個div。

Answer 3

由於您使用的CSS雪碧，我會建議放置<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的寬度和高度。其餘樣式是爲了防止文本的常規鏈接行爲，因爲您正在使用圖像。