下拉悬停 CSS

Dropdown Hover CSS

本文关键字：CSS 悬停      更新时间：2023-09-26

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

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

我无法弄清楚的是，当我将鼠标悬停在例如"News" -> "Apple"上时，应该会有一些带有图片的新闻，如果我将鼠标悬停在"Microsoft"上，它们就会改变等等。

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

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

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

工作小提琴

正如您使用 css 询问的那样。是的，通过使用 css，可以隐藏和显示另一个div。您只需编写悬停事件即可。这也适用于"苹果"和"微软"。

这是 css：

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


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

在您的情况下，图像可以位于<ul id="news_images1"></ul>中，您可以设置 css 悬停属性来对此图像列表进行动画处理。请记住，有多种方法可以解决此问题。您也可以查看 Jquery 悬停。

相关文章：