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

Question

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

当部分身体背景悬停时，将背景更改为“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;
}

这就是我想在椰子悬停时显示的内容：

Answer 1

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

这行得通，（当然，悬停 div 不适合水果）

<li>...</li>

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