css - 悬停不同的 div 时更改背景

Question

我是网页设计的新手，我现在正在努力创建我网站的一部分，我需要以某种方式实现这一目标:

当 BODY BACKGROUND 的一部分悬停时，将背景更改为“B”，当鼠标不在该部分上时，我需要将其更改回背景“A”。

我在这里看到了一些例子，但由于我是初学者，我不知道如何使用 javascript，如果你能在这里给我一些启发，无论是纯 CSS 还是如何应用 javascript。

这是我目前所拥有的:(我尝试使用 javascript)jsFiddle

body {
    background-image:url(http://s5.postimg.org/6qbplw2xj/Background_main.jpg);
    background-position:top center;
    background-repeat: no-repeat;
    background-color:black;
    height:800px;
    width:800px;
}

这就是我想在 COCONUT 悬停时显示的内容:

Answer 1

http://jsfiddle.net/AGbRH/2/

这行得通，(当然悬停 div 并不完全适合水果)

<li>...</li>

在您之前的示例中，您从未关闭过“li”标签。请记住，始终关闭它们。