悬停不同的 div 时更改背景答案

【问题标题】：Change Background when a different div is hovered悬停不同的 div 时更改背景
【发布时间】：2013-07-23 05:42:06
【问题描述】：

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

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

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

【问题讨论】：

标签： css hover

【解决方案1】：

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

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

<li>...</li>

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

【讨论】：

非常感谢凯文！
我做错了什么@KevinCittadini？它不起作用:(截至目前，我的 html 头上有 javascript，如下所示：错了吗？这是我所拥有的：jsfiddle.net/rafacardosoc/wQdVv
在您的 jsfiddle 中，左侧有一个下拉菜单，位于“框架和扩展”下方。选择一个“jquery”版本使其工作。相反，在您的页面中，将“悬停”函数放在 $(document).ready() 函数中。不知道能不能解决，试试看吧。