在悬停时显示容器div内的另一个div

mcm*_*hfy 0 html css jquery html5 css3

我怎么能这样做:当光标通过容器div时,该容器内的另一个div具有其他属性,例如我有一个容器div,其中包含另一个div,背景图片的不透明度为0.2.我想制作子div,当光标通过容器时,可见100%,属性不透明度:1; 我怎样才能做到这一点?

这是一个例子,但不幸的是,只有当我将光标传递给子div时它才有效:

http://jsfiddle.net/Vqmaw/2129/

Chr*_*ris 5

#maifis:hover规则更改为#container:hover #maifis.这基本上意味着当#container悬停时,将规则应用于其子#maifis.

工作演示:jsFiddle

  • @mcmwhfy IE8的问题是它不支持`opacity` - 而不是`:hover`规则.抱歉. (2认同)