0

cssスプライトの戻るボタンをW3Cで検証するにはどうすればよいですか？これがボタンを呼び出すための私のコードです。

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

3 に答える 3

1

以下のコードを使用して W3C 検証に合格し、まだ CSS スプライトを使用することになりました。

<a id="icon-backbtn" title="Back" href="#" onclick="history.go(-1)"></a>
于 2012-05-17T16:24:51.617 に答える
0

あなたはCSSスプライトを使用しているので、 （それを行う適切な方法<a>）の中に配置し、いくつかのcssを追加することをお勧めします：<div>

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 の幅と高さが占有されます。残りのスタイルは、画像を使用しているため、テキストの通常のリンク動作を防ぐためのものです。

于 2012-04-28T01:28:49.407 に答える
0

<div>を の子として持つべきではありません。代わり<a>に を使用してください。<img src="..."/>

編集：

スプライトシートがある場合はdisplay:block;、アンカーに追加するだけで、div のように動作します。

于 2012-04-28T00:50:48.817 に答える