更改劣质 div 上的身体背景：悬停答案

【问题标题】：Change body background on inferior div:hover更改劣质 div 上的身体背景：悬停
【发布时间】：2014-02-02 18:46:08
【问题描述】：

我正试图让身体的背景在其中的一个部门悬停时发生变化。实际上，我希望通过 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;
}

【问题讨论】：

Change body bgcolor on hovering a div, using CSS only的可能重复
不是重复的，因为解决方案是指相邻的部门而不是父部门。
查看stackoverflow.com/questions/11940645/…

标签： css html hover

【解决方案1】：

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

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

see on jsfiddle

【讨论】：