我已经开始编写一个 CSS 和 HTML 折叠菜单系统(又名 Accordion )。我遵循了发布的教程 here ，但是，我不得不稍微改变一下。而不是使用 <a>和 <p>标签，我不得不使用 <div>标签，因为我将在稍后阶段将图像添加到两个“部分”。在我更改 <a> 之后和 <p>标记为 <div>标签，当鼠标悬停在框上时，不会显示滑出内容。只有当鼠标移开时，内容才会在“抽屉”缩回之前短暂显示。我已经在下面发布了我的代码，非常感谢任何帮助。
链接到我的 CSS:http://cl.ly/Cuoe 链接到我的 HTML:http://cl.ly/Cuhf
非常感谢。
最佳答案
我认为问题在于您的 #accordion div:hover CSS 规则现在同时捕获 item div 和 itemTitle 和 itemContent 元素内的 div。
在您的 CSS 文件中，尝试将 #accordion div:hover 的两个实例替换为 #accordion div.item:hover。这将导致规则仅适用于类 item 的 div。
编辑:您也可以将其更改为#accordion .item:hover
关于html - CSS 和 HTML Accordion 的一些问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8646835/