0

例：

.twitter:LINK{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter.jpg');
}

.twitter:HOVER{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter_hover.jpg');
}

ご覧のとおり、コードは同一であり、パスも同じです。これらの2つの写真はまったく同じフォルダーにあり、名前を再確認しました。<a>これは、要素内の背景画像として表示されます。

問題は、リンクにカーソルを合わせると、ステータスLINKが消え（picture twitter.jpg）、HOVERの直後に表示されるのではなく（picture twitter_hover.jpg）、何も表示されないことです。したがって、マウスを取り出すと、LINKが再び表示されます。ホバーすると、別のホバー画像が読み込まれるようにすることを目的としています。

なぜ機能しないのですか？

新しい編集/////////////////////////////

残りのコメントでは、コードが正しいようです。私もそれが正しいと思いました。さまざまな画像を交差させましたが、ホバーしたい画像に問題があるだけです。私はさまざまなフォーマットなどを試しましたが、それでも同じです。LINK画像を開いてフォトショップで色を変えてjpgとして保存しました。また、動作していません...

私はあなたが解決策が何であるかを知っているかどうかを確認するために2枚の写真を添付し​​ます...ここに画像の説明を入力してくださいここに画像の説明を入力してください

4

1 に答える 1

0

小文字でなければならず、正しい順序を尊重する必要があると思います：

愛憎

リンク、訪問済み、ホバー、アクティブ

a.twitter:link, a.twitter:visited {
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter.jpg');
}
a.twitter:hover, a.twitter:active{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter_hover.jpg');
}
于 2012-09-10T14:54:37.740 に答える