小编Bon*_*our的帖子

我有一个菜单,中间包含动画徽标链接,内部有2个跨度.

当鼠标位于div".menu"上方时,.gif会在开头变化.然后在mouseout上,同一个div的图像再次改变.

但我有一个问题:我想要的是当用户将光标放在".menu"上时,gif也会在菜单上父链接的开头为每个菜单项更改.

我不希望.gif在菜单中改变!

FIDDLE的演示

$(".menu")
.mouseover(function() {   
    $(".logo img").attr("src", "http://www.makingdifferent.com/wp-content/uploads/2013/03/123.gif");  
});

$(".menu").mouseout(function() {   
    $(".logo img").attr("src", "http://www.thisiscolossal.com/wp-content/uploads/2012/07/rrrrroll01.gif");  
    });

我想在另一个包含链接的div上面创建一个div.问题是第一个div阻止访问链接.它可以存在但可以访问吗？

(我不想在div周围做一个边框,或类似的东西,我真的想让div高于另一个div)

FIDDLE的演示

HTML:

<div class="top">
<a href="#">LINK</a>
</div>
<div class="bottom"></div>

CSS:

.top { 
height:100px;
width:200px;
position:fixed;
top:10px;
background:yellow; }

.bottom { 
height:50px;
position:fixed;
top:10px;
width:100px;
border:3px solid red; }

我有一个40px边距的"身体".

此外,我想添加一个100%高度和100%重量与"静态位置"的div.

我的问题是我的'div'超越了'身体'!我希望我的div填充'body'(尊重它的边缘:40p​​x).

我怎么解决这个问题 ？

THKS

MY JS FIDDLE

body { 
    background:pink;
    margin:40px;
    }

.contenuWorks {
    height:100%;
    width: 100% ;
    background:red;
    position:absolute;
    }