CSSリンクのホバースタイル

私はページ上のリンクを持つメニューバーを持つウェブページを設計しています。私はそれのためのスタイルシートを持っていますが、私は "ホバー"コードに問題があります。CSSリンクのホバースタイル

body { 
background-color:black; 
text-align: center; 
height:100%; 
} 

div#wrapper{ 
margin-right: 5%; 
margin-left: 5%; 
margin-top: 0%; 
margin-bottom: 5%; 
border: outset; 
border-color: white; 
} 

a.mLink{ 
color: white; 
font-size: 35px; 
padding: 10px; 
} 

a.mLink:hover{ 
color: black; 
} 

a.mLink:active{ 
color:black; 
} 


div#content{ 
color: white; 
font-size: 40px; 
}

「ホバー」と「アクティブ」の両方が動作していないと私は理由を理解していない：CSSコードで

<body> 
<div id="wrapper"> 
    <div id="menu"> 
     <a class="mLink" href="main.php">Home</a>

：私のコードの一部は次のようになります。 hover、#menu a：hover、#menu a.mLink：hoverなど、さまざまなスタイルバリエーションを試しましたが、何も動作していないようです。どんな助けでも大歓迎です。

出典

2012-04-17 Ryan Sayles

「うまくいかない」とは何ですか？これらの州の色は変わらないのですか？それはどんな色ですか？ –

それはうまくいくはずです：ちょうど：ホバーをタイプし、それが動作するかどうかを指示してください。 –

これはデフォルトでは白ですが、ホバリング時には他の色に変更し、アクティブになっているときは（私は現在、テスト目的のためにホバーと黒としてアクティブになっています）、リンクが色を変えないようにします。また、：ホバーも動作しません。 –

おそらく、見た目のスクリーンショットを表示して、どのように見えるのか教えてください。あなたが持っていたものをコピーして貼り付けたのはjsfiddleなので、私にはうまくいきます。投稿した内容と私が行ったこととの唯一の違いは、a：ホバー色を赤に、a：を黄色に変更することで、黒で黒くする代わりに違いを見ることができます。

あなたは何が起こっているのスクリーンショットを投稿できますか？もしそうなら、私はそれに応じて私の答えを更新します。

出典

2012-04-17 19:31:33 Ben

それは非常に奇妙です。私は色々な色で試してみましたが、まだ動作していません。リンクはデフォルトでは白で、マウスを置いたときは変更されません。ブラウザはそれに影響を与えることができますか？私はクロムを使用しています –

私はクロムも使用しています。あなたがオンラインで持っているものを置くことができる方法はありますか？他のCSSがあなたの持っているものを妨害している可能性があります。 – Ben

面白いほど私のコンピュータは死んだ。それを差し込んで、それを元に戻して、今度はそれを作動させる。しかし、アクティブなのは、私がページにいるときにクリックしないと色が変わるだけです。それは "アクティブ"なのでしょうか、何か不足していますか？ –

これは馬鹿に聞こえるかもしれませんが、キャッシュをクリアします。以前のバージョンなどが読み込まれている可能性があります。また、どのWebブラウザですか？そして、クラスを動的に変更/追加するJSコードがありますか？

出典

2012-04-17 19:33:25 Drakkainen

どのようにキャッシュをクリアしますか？私はクロムを使用しています。いいえ、JSコードはありません –

@ rsay3ガイドに従ってください： http://support.google.com/chrome/bin/answer.py?hl=ja&answer=95582 – Drakkainen

CSSリンクのホバースタイル

答えて

関連する問題