0

テキストの2つの画像があります。1 つは通常のテキストで、もう 1 つは同じテキストでグロー効果があります。問題は、ホバー中にグロー画像を通常の画像に置き換えたいということです。代わりに、通常の画像に加えてグロー画像が表示されます。助けてください！！事前に感謝しますここにコードがあります...通常のテキスト画像はhtmlファイルのimg src intとして定義されているため、background-image属性はコメントブロックにあります

#groundPlainLink
{
height:56px;
width: 170px;
margin-left:476px;
float:left;
/*background-image:url("../images/txt_menu_ground_plane_pc.png");*/
}
#groundPlainLink:hover
{
background-image: url("../images/txt_menu_ground_plane_glow_pc.png"); 
}
4

3 に答える 3

1

ホバー時に画像を非表示にする必要があります。

#groundPlainLink img:hover { opacity:0; }

ただし、前述のように、img を削除して背景画像に依存する方が簡単で簡単です。

編集: または、div 要素の代わりに要素のスタイルを設定し、リンク内にfont-size:0. それはあなたが探していることを行い、スクリーンリーダー/アクセシビリティ/SEOにも適しています.

于 2013-05-31T19:28:31.753 に答える