3

ページ上にリンクのあるメニュー バーを持つ Web ページを設計しています。そのためのスタイル シートがありますが、「ホバー」コードに問題があります。私のコードの一部は次のようになります。

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

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;
}

「ホバー」と「アクティブ」の両方が機能せず、その理由がわかりません。a:hover、#menu a:hover、#menu a.mLink:hover など、さまざまなスタイルのバリエーションを試しましたが、何も機能しないようです。どんな助けでも大歓迎です。

4

2 に答える 2

3

おそらく、それがどのように見えるかのスクリーンショットを含めて、どのように見えるべきかを教えていただけませんか? あなたが持っていたものをこのjsfiddleにコピーして貼り付けましたが、うまく機能します。あなたが投稿したものと私がしたことの唯一の違いは、a:hover の色を赤に、a:active の色を黄色に変更したことです。これにより、黒地に黒ではなく違いがわかります。

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

于 2012-04-17T19:31:33.573 に答える
0

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

于 2012-04-17T19:33:25.463 に答える