下拉悬浮CSS

Question

有人可以帮我修复该站点具有neowin.net的下拉菜单吗？

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

我不知道的是，当我将鼠标悬停在"News" -> "Apple" ，应该会有一些带有图片的新闻，如果我将鼠标悬停在"Microsoft"上，它们就会改变。

可以通过CSS或HTML完成吗？

要下载源文件，只需访问www.ITbataljonen.com/test ，然后在导航栏中单击“下载源”。

有人能帮我吗？ ：） （对不起，我的英语不好..）

Answer 1

工作小提琴

如您要求使用CSS。 是的，通过使用CSS可以隐藏和显示另一个div。 您只需要编写悬停事件即可。 这也适用于“苹果”和“微软”。

这是CSS：

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

Answer 2

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

而且，根据您的情况，图像可以位于<ul id="news_images1"></ul>并且可以将css hover属性设置为该图像列表的动画。 请记住，有多种方法可以解决此问题。 您也可以结帐Jquery悬停。