0

タイトルを表現するためのより良い方法を考えることはできませんでしたが、要点を述べました。

私は自分のコードを次のように設定しています：

<li> 
 <a class="news" href="http://MYLINK">
  <span>News</span>
 </a>

<ul>

 <li class="blog">
  <a href="http://MYLINK/">
   <span>Blog</span>
  </a> 
 </li>

 <li class="news">
  <a href="http://MYLINK">
   <span>News</span>
  </a>
 </li>

</ul>

</li>

そして、それぞれにアタッチメントMYLINKがありbackground-imageます。

私のCSS：

a.news { display: block; width: 105px height: 28px; 
background-image: url(Icons/news.png); }

a.news span { display: none; }

また、リンクは維持され、テキストは表示されません。

しかし、liクラスに対して同じことをするblogとnews、テキストは表示されませんが、リンクも保持されません。何か助けはありますか？

これを正しく機能させるには、js / jQueryを使用する必要がありますか？

4

1 に答える 1

1

リンクの幅と高さも指定する必要があります。

li { width: 105px height: 28px; background-image: url(Icons/news.png); }
li a {display: block; width: 105px height: 28px;}
li a span { display: none; }
于 2013-02-18T18:55:42.830 に答える