asp.net菜单控件staticBottomSeparatorImage出现在水平菜单下方

Question

我正在使用ASP菜单控件.NET 4.0。我终于得到了样式，感谢this post上的答案，但现在我已经将web.config中的controlRenderingCompatibilityVersion设置为“4.0”我在Menu控件下面看到了我的分隔符图像。

<div class="menuContainer">
        <asp:Menu ID="_menu" runat="server" EnableTheming="true" DataSourceID="_siteMap" CssClass="menuClass" IncludeStyleBlock="false" 
            Orientation="Horizontal" StaticBottomSeparatorImageUrl="../images/menuSepImage.jpg" OnMenuItemDataBound="_menu_OnDataBound">
        </asp:Menu>
        <asp:SiteMapDataSource ID="_siteMap" runat="server" ShowStartingNode="false" />
    </div>

我尝试拔出自动生成的默认CSS样式，并设置IncludeStyleBlock =“false”但在我的CSS中设置#_menu img.horizo​​ntal-separator {}类没有做任何事情，这就是为什么我我试图用StaticBottomSeparatorImageUrl属性设置它。

Answer 1

（在评论中回答。转换为社区wiki答案。请参阅Question with no answers, but issue solved in the comments (or extended in chat)）

OP写道：

  

这解决了其他人想知道添加到CSS的问题：.horizontal-separator { position:relative; top:-36px; }并设置包含菜单的div的高度。