1

背景画像が通常の状態で正常に機能するli要素がたくさんあります。その特定の画像にマウスを合わせると、ページの約25pxほど下にy軸上を移動する画像のいずれかにホバークラスを追加します。ホバー状態で「background-position:0 0」をマージンなどと一緒に設定しようとしましたが、どちらも機能しませんでした。また、代わりに「a:hover」を使用するように要素を変更しようとしましたが、それも機能しませんでした。

私は何を間違っていますか？ホバー位置が同じ場所になるようにするにはどうすればよいですか?

私のコード:

<div class="contentBottom">
<ul class="featuredIn">
<li class="featured1"><a href="mylink1.html"></a></li>
<li class="featured2"><a href="mylink2.html"></a></li>
<li class="featured3"><a href="mylink3.html"></a></li>
</ul>
</div>

li.featured1 {
    background: url(featured_in/1.png) no-repeat;
    text-indent:-9999px;
    width: 83px;    
    height: 43px;
}

li.featured1:hover {
    background: url(featured_in/1_hover.png) no-repeat;
}

li.featured2 {
    background: url(featured_in/2.png) no-repeat;
    width: 203px;   
    height: 42px;
    text-indent:-9999px;
}

li.featured2:hover {
    background: url(featured_in/2_hover.png) no-repeat;
}

li.featured3 {
    background: url(featured_in/3.png) no-repeat;
    width: 143px;
    height: 21px;
    text-indent:-9999px;
}

li.featured3:hover {
    background: url(featured_in/3_hover.png) no-repeat;
}
4

1 に答える 1

0

そのように背景要素に画像を追加しようとしましたか。

background-image: url(featured_in/3.png) no-repeat;

このように url 要素に '' を追加することもできます。

background: url('featured_in/3.png') no-repeat;

これが役立つことを願っています:)

于 2013-04-16T14:39:32.787 に答える