Question

我正试图在内部分裂的时候让身体的背景发生变化。实际上我希望通过CSS3过渡模糊背景，但出于此目的，只需要改变颜色

<body>
<div id="x"></div>
<div id="y"></div>
</body>

CSS

body{
    margin: 0 0 0 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    background: #0f0;
}

#x{
    height: 100px;
    width: 100px;
    background: #f00;
}

#y{
    height: 100px;
    width: 100px;
    background: #00f;
}

#y:hover body{
    background: #f0f;
}

Answer 1

试试这个：jsfiddle 但我认为你应该更好地使用jQuery。

$('#y').hover(function(){
    $('body').css('background', '#f0f');
},function(){
    $('body').css('background', '');
});

see on jsfiddle

改变下级div的身体背景：悬停

1 个答案: