イメージをメニューとして使用：div内のアニメーション

Question

イメージをメニューとしてアニメーションします。 ホバリング画像の一部、メニューリストが表示されます。 私は初心者のコーダーなので、私は使用する必要があるプロセスで少し失われています（イメージマッピング、スプライト、js ...）。ここで

は私が達成しようとしている作品です。

JSFiddle

Menu Equipiece
しかし、メニューは車輪をホバリング表示されていません。あなたがdiv#roueとそれは内部のdiv#menuを置くべき

JSFiddle

Test

CSS

.roue{ 
position:absolute; 
z-index:2; 
margin-top:-200px; 
margin-left:265px; 
transition:all 0.5s ease;} 

Answer 1

：

は、私はそれが働いている前回のテストを行いましたうまくいく。私はフィドルを更新し、hereを見ることができました。

<div class="roue"> 
    <div> 
     <img src="http://www.equipiece.com/userfiles/www.equipiece.com/images/Remorque-roue.png?ts=1450481525803" alt="roue de remorque" width="90" height="90"> 
    </div> 

    <div id="menu"> 
     <ul id="list"> 
      <li><a href="http://www.equipiece.com/cat-roues-85_0-87_0_0_0.htm">Roue complète</a></li> 
      <li><a href="#">Jantes</a></li> 
      <li><a href="#">Pneus</a></li> 
      ... 
     </ul> 
    </div> 
</div>