我有菜单,示例代码:
<ul>
<li>
<a href="#"><span id="header1" class="menu_header">WELCOME</span></a>
<!--Submenu-->
<div id="sub_backbone"></div>
</li>
</ul>
#header1
此标题菜单,#sub_backbone
此选项卡为默认透明
div#sub_backbone{
opacity: 0;
}
我需要将鼠标悬停在WELCOME上,#sub_backbone的不透明度更改为1。
没那么难...
您必须使用hover
,例如:http : //jsfiddle.net/xbMtN/3/
div#sub_backbone:hover {
opacity: 1;
}
编辑,我看到你改变了你的问题。干得好:
ul li:hover > div#sub_backbone {
opacity: 1;
}
div#sub_backbone{
opacity: 0.3;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句