0

メニューを作成していますが、ナビゲーションをクリックすると、ステージごとに異なる画像の背景が表示されます。私が使用して:afterいるのは、絶対に配置して、テキストの後ろに配置できるようにするためです。これは、私がすでに:before別の目的で使用しているものでもあります。以前は機能していましたが、CSS をより短くより効果的にしていました。リンクがクリックされたときに次の css セレクターが機能しないことを除いて、すべて問題ありませんでした。

.sub-nav a:active:after, .sub-nav a.active:after

クリックして :active ステータスを有効にすると、画像が表示されます。このセクターが開かれると、jquery は.activeクラスを追加しますが、問題は :after がロードされないことです。

私は頭がおかしいので、誰かが私がやっているエラーを見ることができるかもしれません...

これにより、私の実際のコードのフィドルがあります: http://jsfiddle.net/tGXWG/2/

:after コードが挿入しているのは、このような背景画像です..

:ホバー:

ここに画像の説明を入力

:アクティブ + .アクティブ:

ここに画像の説明を入力

4

1 に答える 1