0

background-imageCSS を使用してリスト項目 (li)のプロパティを宣言し、自分のサイト用の単純な画像ナビゲーションを作成しようとしています。問題は、text-indent画像を画面外に置くために使用すると、リンクがもう存在しないことです（画面外にもあると思います）。どんな助けでも大歓迎です。ここに私のXHTMLがあります:

<div id="nav">
  <ul>
    <li class="current about">
      <a href="#about" title="about">about</a>
    </li>
    <li class="contact">
      <a href="#contact" title="contact">contact</a>
    </li>
    <li class="networks">
      <a href="#networks" title="networks">networks</a>
    </li>
  </ul>
</div>

ここに私のCSSがあります:

#nav li {
   display: block;
   float:left;
   background-image: url("images/nav-normal.png");
   height:47px;
   text-indent: -9999px;
}

画像スプライトを使用しているため、個々のリスト項目の背景位置も設定しました。前もって感謝します！

4

1 に答える 1

3

そのスタイルを に適用し#nav li aます。そうしliないと、リンクを含む 内のすべてが画面外に移動します。

于 2009-02-13T19:15:37.600 に答える