2012-04-04 22 views
0

私は最初のサイトを構築しようとしていますが、CSSでは「a:hover」機能を使用しようとしていますが、動作させることはできません。か否か。すべてのヘルプは感謝CSS a:ホバーが期待通りに動作しない

/* main page elements */ 
    a:link 
    { 
     text-decoration: none; 
     color:white; 
    } 

    a:visited 
    { 
     text-decoration: none; 
     color:FFFFFF; 
    } 

    a:hover 
    { 
     text-decoration: none; 
     color:blue; 
    } 


    a:active 
    { 
     text-decoration: none; 
     color:blue; 
    } 

は、ここに私のCSSファイルの抜粋です。

ありがとう、 Robert。

+0

何が間違っていますか?あなたのHTMLはどこですか? –

答えて

2

this one

などのようなものを試してみてください。

HTML 

<a href ='#'> Hover Me </a> 

css 

a 
{ 
    text-decoration: none; 
    color:#000000; 
} 
a:hover 
{ 
    color:#3399FF; 
} 
+0

ありがとう、あなたはそれを解決しました。とても有難い。 – Robert

6

あなたはフィンランドのテキストの装飾の指示に必要:P

text-decoration: none; 

または

text-decoration: underline; 
+0

答えをありがとう。私は実際これを好きだったが、ここに投稿する直前に削除した。私はそれを取り戻した - まだ動作しません。 a: { text-decoration:none; 色:白; } a:visited { text-decoration:none; カラー:FFFFFF; } a:ホバー { テキスト装飾:下線; 色:青; } a:アクティブ { テキスト装飾:なし; 色:青; } – Robert

+0

あなたは実際に何を持っていましたか? –

+0

申し訳ありません - 元の投稿を修正しました。 – Robert

0

あなたがそれらを削除するか、CSSがすべき有効な構文を使用している場合あなたの問題は、text-decoration:部品であります作業。私はあなたがhover状態

で色を変更する必要があります願っています

+0

なぜdownvote? – DarkAjax

1

あなたはa:activeからa:hoverに移行している可能性があります。これは同じ色です。したがって、違いは見られません。 a:hoverに固有の色を設定して、何が起こるかを確認してください。

また、jsfiddleを作成すると役立ちます。

関連する問題