私はクリック可能なリンクにイメージを変えたい場合、私は次の操作を行うことができることを知っている:空のアンカータグを持っても構いませんか?
<a href="http://twitter.com/username"><img src="icons/twitter.png" /></a>
しかし、私は、私はホバー状態を持つことができるように、CSSの背景画像を使用することを好むだろう。私はそれが何も含まれていないアンカーリンクを持っている完全に有効だか分からない以外
<a class="twitter" href="http://twitter.com/username"></a>
# css
.twitter{display:block; width:16px; height:16px; background:url("twitter.png")}
これが正常に動作します。 FFでもそうですが、Chromeはそれをうまく描画しますが、他の人が同じかどうかはわかりません。
私はちょうど、リンク内のテキストを入れて、text-indent: -9999px
でそれを隠すことができ実現が、私はvariousreasonsため、そのアプローチを言っていたことがありません。私のコードはブラウザ間で互換性がありますか?
あなたの '' タグは '.twitter'によって提供されるスタイルを取得しますか?それとも、追加のスタイルで何らかのリセットがありますか? – Zuul