divの画像にカーソルを合わせる

Question

このトピックに関連する回答はありませんので、もう一度お尋ねします。 ..私はその絵が をロードしていたが、私は例のマージン左のために置けば知っているにもかかわらず、私はdivの内側に

<div id ="gratterlendis"> <a href ="?page_id=8"><img src="img/gratterlendis.png" align="right" width="200"> </a></div> 

をIMGを持っていると私が行うとき

#gratterlendis img:hover { 
background:url("images/svarterlendis.png) 
} 

何も起こりません：10pxの; #gratterlendisの中でimg：ホバーしてから、映画のムービーを10px左に??

提案がありますか？

Answer 1

または、AタグにCLASS属性を追加できます。

例：

*<div id ="gratterlendis"> <a class=swap href ="?page_id=8"><img src="img/gratterlendis.png" align="right" width="200"> </a></div>* 

、その後、あなたのCSS内の次の行を追加：

私のために働いた

*a.swap { 
background-image:url(img/gratterlendis.png); 
} 
a.swap:hover { 
background-image:url(img/svarterlendis.png); 
}* 

...また、私はあなたがIMGとIMAGESフォルダを使用気づきました...それらが特定のフォルダにあることを確認するか、CSSが画像を見つけるために適切に名前を変更してください。

あなたのために働くことを願っています。作品上記の提案のいずれも場合は、この

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#gratterlendis").mouseover(function() { 
      $("#my_image").attr("src", "images/svarterlendis.png"); 
     }); 
     $("#gratterlendis").mouseleave(function() { 
      $("#my_image").attr("src", "img/gratterlendis.png"); 
     }); 
    }); 
</script> 

<div id="gratterlendis"> 
     <a href="?page_id=8"> 
      <img src="img/gratterlendis.png" align="right" width="200" id="my_image"> 
     </a> 
    </div> 

Answer 2

を他anythiingあなたの質問を完了するために必要な、あなたはここに投稿することができます。 http://brassblogs.com/css/css-image-swap

Answer 3

ようにjQueryを使用することができます... おかげ