我希望当我悬停一个元素(一个用css制作的盒子)时,身体的背景颜色会从一种颜色变为另一种颜色,例如从白色变为红色.问题是这应该只使用css而不是javascript.如果必须使用javascript,那么在鼠标输出时颜色应该变回前一个颜色.
– – – – – – – -编辑 – – – – – – – –
其实我在尝试这个：
body{backgroung: #000;}
#div{some properties}
body #div:hover{background: #fff;}
解决方法
纯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;
}
