css - 仅使用 CSS 在悬停 div 时更改 body bgcolor

Question

我希望当我悬停一个元素(一个用 css 制作的盒子)时，主体的 background color 从一种颜色变为另一种颜色，例如白色变为红色。问题是这应该只使用 css 而不是 javascript 来完成。如果必须使用 javascript，则颜色应在鼠标移出时变回之前的颜色。

----------------编辑----------------

实际上我在尝试这个:

body{backgroung: #000;}
#div{some properties}
body #div:hover{background: #fff;}

Answer 1

纯 CSS 实验:

http://jsfiddle.net/Tymek/yrKRX/

HTML

<div id="trigger"></div>
<div id="bg"></div>​

CSS

body {
    height: 100%;
}

#bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    widht: 100%;
    height: 100%;
    z-index: 1;
    background: #EEE;
}

#trigger {
    position: absolute;
    width: 200px;
    height: 136px;
    top: 50%;
    left: 50%;
    margin: -68px 0 0 -100px;
    background: #333;
    z-index: 2;
}

/* KEY */
#trigger:hover ~ #bg {
    background: #EE0;
}​