NavigationMenu.ImageUrl边框样式?

时间:2012-09-17 16:10:32

标签: asp.net css

我在.aspx网页上有一个导航菜单。 我将每个MenuItem.ImageUrl设置为.png图像。 问题是图像显示有一个边框。 问题是如何消除这种边界?

非常感谢

Piercarlo

除了之前的内容:

enter image description here

我想消除箭头指示的边框,图像通过menuItem .ImageUrl的属性放在菜单项上。 图像为16像素.png,背景透明且无边框

我试过没有成功:

  • css:border:none,

  • 菜单的
  • 属性:

     <asp:Menu runat="server">
    <StaticMenuItemStyle  BorderStyle="None" />
    <DynamicMenuItemStyle  BorderStyle="None" />
    

我不知道怎么做。

谢谢你的帮助;

2 个答案:

答案 0 :(得分:0)

CssClass控件的Menu属性设置为控件的CSS类,然后可以使用border:none;

删除图像周围的边框

答案 1 :(得分:0)

我在代码的帮助下找到了解决问题的方法:

window.onload = GetMenuImage;
function GetMenuImage() {
    var NavMenu = document.getElementById('<%=NavigationMenu.ClientID%>');
    if (NavMenu != null) {
        var Images = NavMenu.getElementsByTagName('img')
        var cont = 0;
        while (cont < Images.length) {
            Images[cont].style.border = 'none';
            Images[cont].style.heigth = '10%';
            Images[cont].style.width = '10%';
            cont++;
        }
    }

我希望这可以帮助其他人

再见 Piercarlo