2012-01-08 17 views
1

私はこのようないくつかのCSS持っていた:私はクリックしてに焦点を当てることができない理由なぜこのようなアンカーに焦点を当てることができないのですか?

<a href="">Hi!</a> 

a { 
    display: block 
} 

a:focus { 
    background: #000 
} 

そして、このようなアンカーを?私はそれがリダイレクトすることを知っていますが、1秒間はバックグラウンドが黒くなると想定します。どうしたの?

+0

フォーカスはアクティブと同じではないためです。フォーカスは、あなたがウェブサイトのリンクを通ってあなたの道を進むときに起こることです。それはあなたがいるリンクに焦点を当てています。リンクがクリックされたときに何が起こるかがアクティブです。しかし、ときどきウェブサイトは同様にスタイルを変えます。 – Joseph

答えて

3

すべてのブラウザがクリックされたときに要素がフォーカスを与えていない(私はボタンを押して背景画像のためにこれを使用してください)あなたの望ましい結果を与えるだろう。私はInternet Explorerは信じているが、Google Chromeは確かにそうではない。あなたはマウスが要素の上にダウンしているとき、代わりに:activeを検討したスタイルを適用するために探している場合:

a:active { 
    background: #000; 
} 

次の2つのライブhereを比較することができます。 this pageの場合、タブと1回目はフォーカスと境界を取得する必要があります。

+0

私はこれを理解しています。私はちょうど私がアンカーをクリックして焦点を合わせることができなかったことが奇妙であることを – Johnny

1

:アクティブに

関連する問題