下拉悬停 CSS答案

【问题标题】：Dropdown Hover CSS下拉悬停 CSS
【发布时间】：2015-03-12 09:41:39
【问题描述】：

有人可以帮我修复这个网站的下拉菜单neowin.net吗？

到目前为止，我有这个； itbataljonen.com/test/（将鼠标悬停在“新闻”上）

我想不通的是，当我将鼠标悬停在例如"News" -> "Apple" 上时，应该会出现一些带有图片的新闻，如果我将鼠标悬停在"Microsoft" 上等等，它们会发生变化。

这可以通过 CSS 或 HTML 来完成吗？

要下载源文件，只需转到www.ITbataljonen.com/test，然后单击导航栏中的下载源。

有人可以帮助我吗？ :)（对不起我的英语不好..）

【问题讨论】：

【解决方案1】：

Working Fiddle

正如您使用 css 所要求的。是的，通过使用 css 可以隐藏和显示另一个 div。您需要简单地编写悬停事件。这也适用于“apple”和“microsoft”。

这里是 css:

#a:hover + #b {
 background: #ccc;
    visibility: visible;
}
#b{
   visibility: hidden;
}

【讨论】：

【解决方案2】：

这可以使用 CSS 中的 hover 属性来完成。阅读此question 以了解更多信息。

在您的情况下，图像可以在 <ul id="news_images1"></ul> 中，您可以设置 css hover 属性来动画这个图像列表。请记住，有多种方法可以解决此问题。您还可以查看 Jquery hover。

【讨论】：