css - 更改 DIV 中的不透明度

Question

我有菜单，示例代码:

<ul>
    <li>
        <a href="#"><span id="header1" class="menu_header">WELCOME</span></a>
        <!--Submenu-->
        <div id="sub_backbone"></div>
    </li>
</ul>

#header1这个标题菜单，#sub_backbone这个tab默认透明

div#sub_backbone{
    opacity: 0;
}

我需要将鼠标悬停在 WELCOME 上，#sub_backbone 不透明度更改为 1。

Answer 1

这并不难......

你必须使用悬停，像这样: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;
}

http://jsfiddle.net/xbMtN/4/