菜单控件的子项一般来说已文字长度为选择范围,过了范围后鼠标点下午无效,如果需要鼠标在子项全范围有效,如要指定子项的宽度,就是需要确定最长的那个子项宽度,然后 display: block;
<style type="text/css">
body
{
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,EndColorStr='#ffffff',StartColorStr='royalblue');
}
.clsMenu
{
display: block;
/* background-color: Transparent;*/
}
.clsMenuItem
{
width: 180px;
height: 35px;
display: block;
/*color: #ffffff;*/
line-height: 30px;
}
.clsMenuItem a:hover
{
width: 180px;
height: 35px;
display: block;
/*color: #ffffff;*/
/* background: url('images/navButton.png') repeat-x;*/
}
.clsMenu table
{
/* background-color: Transparent;*/
}
.clsDynamicMenuItem
{
/* background-color: #000000;*/
/* color: #ffffff;*/
width: 180px;
height: 27px;
display: block;
font-size: 13pt;
}
.clsDynamicMenuItem a:hover
{
/*color: #ffffff;*/
width: 180px;
height: 27px;
display: block;
font-size: 13pt;
/* background: url('images/navButtonDynamic.png') repeat-x;*/
}
</style>
<asp:Menu ID="Menu1" runat="server" Font-Size="16pt"
MaximumDynamicDisplayLevels="3" StaticDisplayLevels="1" Font-Bold="False"
DynamicEnableDefaultPopOutImage="False"
DynamicPopOutImageTextFormatString=">" SkipLinkText=""
StaticEnableDefaultPopOutImage="False"
StaticPopOutImageTextFormatString=">" StaticSubMenuIndent="5px"
DynamicHorizontalOffset="0" DynamicVerticalOffset="1" BackColor="Transparent"
Font-Names="Calibri, Verdana" Orientation="Horizontal" >
<StaticMenuStyle CssClass="clsMenu" />
<StaticMenuItemStyle CssClass="clsMenuItem" />
<StaticSelectedStyle CssClass="clsMenuItem" Font-Underline="True" />
<DynamicMenuStyle />
<DynamicMenuItemStyle CssClass="clsDynamicMenuItem" />
<DynamicSelectedStyle CssClass="clsDynamicMenuItem" Font-Underline="True" />
<Items>
<asp:MenuItem Text="新建项" Value="新建项">
<asp:MenuItem Text="1111111111" Value="1111111111"></asp:MenuItem>
<asp:MenuItem Text="233" Value="233"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>