hover 使鼠标悬浮在div上，但无法弹出另一个div

Question

1.鼠标通过hover悬浮在div #menu-scan01上但无法弹出另一个div #haddenbox
2.被添加hover的#menu-scan01自身也无法通过鼠标悬浮改变背景色
1.HTML.
2.CSS.

3.另外如何实现下面这个鼠标悬停就能显示详细信息的弹窗？这需要jquery插件吗？

Answer 1

#menu-scan01:hover+.haddenbox{
  display:block;
}

这样你试试

相邻兄弟选择器,使用加号（+），即相邻兄弟结合符
相邻兄弟选择器 可选择紧接在另一元素后的元素，且二者有相同父元素。
http://www.w3school.com.cn/cs...

background-color取值有问题，rgb不能这么写

你以后出问题，可以打开浏览器的开发者工具查一查，看看是不是有的css像这样划了线，划了线就是没起作用，自己可以查一查

Answer 2

去查查什么是后代元素选择器(空格)什么是相邻兄弟元素选择器(+)，你搞错了。

Answer 3

1.不改变背景色是因为你background-color语法错了rgb不是这样写，自己查一下
2.无法弹出的问题 你用了绝对定位为什么还加了浮动 还有z-index是不是不够大 自己看一下

Answer 4

https://jsfiddle.net/zwwill/0...
关系选择器