css3のimg srcとonmousehover

CSS3のsrc,onmouseout、onmousehoverのクラスを作ることは可能ですか？css3のimg srcとonmousehover

<img src="http://www.somesite.com//images/g.png" onmouseout="this.src = 'http://www.somesite.com/images/g.png'" onmouseover="this.src = 'http://www.somesite.com/images/g-colored.png'" />

出典

2012-02-08 Stacker

ずに同じ効果がありませんもっと文脈を与えてください。あなたは、純粋なHTMLとCSS（CS3とは何か）以外のサードパーティのソフトウェアを使用していますか？その場合は、それぞれのタグを追加する必要があります。 –

申し訳ありませんが、誤字、私はCSS3を意味しました – Stacker

'@ Url.Content'とは何ですか？これらの標準構文ではありません。これらの画像を 'IMG'の' src'値として設定したいのですか？ –

あなたはこれを達成するためにurl()機能を:hover擬似ルールだけでなく、backgroundスタイル属性を使用することができます。このようなものを使用し、その後、「ブランク」タグのいくつかの並べ替えを使用して起動します。

#my_tag_id 
{ 
    background: url('/some/url/to/the/default/image.png'); 
} 

#my_tag_id:hover 
{ 
    background: url('/some/url/to/the/hover/image.png'); 
}

これはそれ自体、imgタグのsrc属性を使用しますが、任意のJavascriptを

出典

2012-02-12 19:14:36 DirectXMan12

答えて

関連する問題