图像按钮带下拉菜单

Question

我一直在尝试使用“配置文件”图像按钮的下拉菜单opon mouseover。 通过仅使用css，这就是我所实现的。

我还将文字修饰添加到无，但下划线仍然存在。

我也尝试过使用javascript，但它对我来说不起作用。 any1会帮助增强这个吗？

我的HTML代码：

<td class="header_button ">
                        <div id="menu">
                        <ul id="Ul1"> 
                                <li >
                                <asp:ImageButton runat="server" 
                                        ImageUrl="../img/Button/Profile.png"  CssClass="profile_dropdown" 
                                        onclick="btnMyProfile_Click" />
                                </li>
                                <li class="item" > 
                                <a href="#">Edit Profile</a>
                                </li>
                                <li class="item"> 
                                <a href="#">My Follow</a>
                                </li>
                                <li class="item"> 
                                <a href="#">My Uploads</a>
                                </li>
                                <li class="item"> 
                                <a href="#">My Child Profile</a>
                                </li>
                        </ul>               
                        </div>
                <div style="clear:both"></div>
                </td>

我的css代码：

.profile_dropdown
{
height:75px;
weight:75px;
position:static;

}
#menu ul .item
{
display: none;
text-decoration: none;
background: #222222 85% 55% no-repeat;
font-family: 'Century Gothic';
font-size: large;
font-weight: bold;
color: #9FC54E;
white-space: nowrap;
}
#menu ul:hover .item{display:block;}
#menu{margin-top:-22px;position:fixed}

Answer 1

你应该添加

#menu li a {
    text-decoration:none
}