HTMLセレクタ "hover"がHTMLコードで動作しません

なんらかの理由で私の:hoverが機能しません。HTMLセレクタ "hover"がHTMLコードで動作しません

.image:hover 
{ 
    border:#000000; 
    background-color:#FF66FF; 
    box-shadow:rgb(0,255,153); 
}

そして、私のHTML

<div id="header"> 
    <a href="index.html"><img src="header.png" class="image" onload="ChangeColors(this)" /></a> 
</div>

なぜこれが動作していない上の任意のアイデア：ここに私のCSSコードがですか？

どのブラウザが機能しません？ –

'onload =" ChangeColors（this） "'とは何ですか？ – elclanrs

[jsFiddle]（http://jsfiddle.net/）を投稿できますか？ – Ryan

CSSのルールを修正するだけです。

borderの場合は、色だけでなく幅とスタイルも指定する必要があります。 box-shadowと同じです。色自体では不十分です。

.image:hover { 
 
    border: 2px solid #000000; 
 
    background-color:#FF66FF; 
 
    box-shadow: 10px 10px 5px rgb(0,255,153); 
 
}

<div id="header"> 
 
    <a href="index.html"><img src="http://placehold.it/300x150" class="image" /></a> 
 
</div>

2012-02-21 00:48:25

ありがとう...私はちょっとばかばかしく、その笑いのような簡単な問題を解決することができないと感じました。 –

クラス=「画像」はうまく動作しているようだ自分のタグに

2012-02-21 00:46:18

を移動する必要があります。

あなたはホバー上のいくつかのピンクの背景を持っています... Firefox 11.0（Ubuntu 11.10はこちら）ここで

はborderとbox-shadowのアップデートです：

しかし、あなたの好みにコースの曲をすることができます。お役に立てれば。

2012-02-21 00:48:12

おそらくheader.pngは透明ではないでしょうか？

2012-02-21 00:52:41 jonathanbell

背景色を変更しようとしています。 – jonathanbell

答えて