上一個div懸停移動<img>

Question

我試圖做的是那裏面沒有DIV中移動其他的事情一個div移動的圖像，這是我的代碼：

<a href="#"> 
    <div id="cont" align="center"> 
     <img id="img_nav" src="img/menu_galeria.png"> 
     <p class="text_nav">Galeria</p> 
    </div> 
</a> 

，這是我的CSS：

#cont{ 
    margin-top: 15px; 
    float: right; 
    margin-left: 20px; 
} 
#cont:hover > #img_nav{ 
    margin-top: -5px; 
} 

Answer 1

代替調整保證金的...只是移動圖像的位置：

<style type="text/css"> 
    #cont 
    { 
     margin-top: 15px; 
     float: right; 
     margin-left: 20px; 
    } 
    #cont:hover > #img_nav 
    { 
     position: relative; 
     top: -5px; 
    } 
</style> 

Answer 2

嘗試添加zindex或清除屬性到你的CSS屬性這樣的

#cont:hover{ 
    margin-top: -5px; 
    z-index:999; 
    clear:both; 
    position:absolute; 
}