0 
#nav ul li a.jobs_mn {
    background: url(../images/jobup.png) #2d333e no-repeat 7% 50%;
}

#nav ul li a.jobs_mn:hover {
    background: url(../images/jobover.png) #fff no-repeat 7% 50%;
}

そして、クラスjobs_mnをリンクに追加します。リンクをクリックすると、次のページが読み込まれるまで画像が消えます。実際にPHPクエリをロードしています：

<a href="?news=1" class="jobs_mn">bla bla</a>

この厄介なことを修正する方法はありますか？

4

1 に答える 1

1

あなたの問題は、:hover状態の背景を変更しているという事実にあります。:hoverになると状態が変化し:click、ユーザーがリンクからマウスアウトすることが多いため、同じ画像を表示していることを確認する必要があります。

リンクには基本的に 4 つの状態があります: 前 (未クリック)、ホバー、アクティブ、後/クリック。

存在させたい各状態に同じものを追加しbackground: url../images/jobover.png) #fff no-repeat 7% 50%ます。リンクがクリックされた後にこの同じ画像を存在させたい場合は、次のようになります。

#nav ul li a.jobs_mn:hover:after {
background: url(../images/jobover.png) #fff no-repeat 7% 50%; }

少し冗長で、まだ実際に遭遇したことのない状況ですが、クエリの処理中にユーザーがクリックしてマウスを離した後も画像を同じ状態に保つためのフェールセーフが提供されるはずです。

于 2013-07-28T20:19:42.927 に答える