0

サイト ナビゲーション html:

<div class="main_nav">
    <div><a href="home/">Home</a></div>
    <div><a href="company/">Company</a></div>
    <div class="active"><a href="franchise/">Franchise</a></div>
</div>

リンクがホバーされると、特定の背景色が得られます。

私の質問は、クリックしたページが読み込まれ、古いページがまだ表示されている間、このホバー状態を維持するにはどうすればよいですか? つまり、リンク アイテムにカーソルを合わせると背景が変わり、クリックすると背景がデフォルトに変わり、新しいサイトの読み込みが開始されます。

これは、新しいページが高速に読み込まれる場合は必要ないため、実際には違いがわかりません。ただし、css テクニックだけでこれが可能かどうか知りたいです。

何か案は？

私のCSS：

.header_wrapper .main_nav div a:link{
  display:block;
  text-decoration:none;
  color:#f5f5f5;
}

.header_wrapper .main_nav div.active a:link{
  color:#f5f5f5;
  background: url(images/layout/main_nav_bg_hover.png) repeat-x;
}

.header_wrapper .main_nav div a:hover{
  color:#f5f5f5;
  background: url(images/layout/main_nav_bg_hover.png) repeat-x;
}

.header_wrapper .main_nav div a:focus{
  color:#f5f5f5;
  background: url(images/layout/main_nav_bg_hover.png) repeat-x;
}
4

3 に答える 3

3

ねえ、今はこのようにプロパティにフォーカスしていました

a:focus{
// css properties 
}

ライブデモ

于 2012-07-23T04:59:55.113 に答える
2

このようにしてみてください..

<a>タグのクラスがある場合は、これを使用します。

a.classname:focus {
   color: /*whatever you want*/ ;
}

これを使用するよりもすべて適用したい場合<a>：

a:focus {
   color: /*whatever you want*/ ;
}
于 2012-07-23T05:03:59.483 に答える
0

これを試して：

<div class="<?=($_REQUEST['args'] == 'franchise')?'active': ''?>"><a href="franchise/">Franchise</a></div>
于 2012-07-23T05:07:29.340 に答える