代码之家 › 专栏 › 技术社区 › marc_s

ASP.NET超链接而不是LinkButton-如何避免图像周围的边框?

webforms-routing hyperlink asp.net-4.0 webforms asp.net

2

marc_s · 技术社区 · 13 年前

我有一个ASP.NET包含一些 ImageButton 用于将产品列表筛选到特定产品组的控件。

ImageButton是这样创建的:

ImageButton _myImageButton = new ImageButton();
_myImageButton.ImageUrl = PicturePath + PictureName;
_myImageButton.Attributes.Add("border", "0");
_myImageButton.OnClick += handleImageButtonClick();
Controls.Add(_myImageButton);

/products/category/item ,我使用Webforms的路由将URL映射到Webforms。在此过程中,我想用显示图像的超链接控件替换图像按钮,以便可以将导航URL与每个图像相关联。

我正在创建新的图像超链接,如下所示:

HyperLink _myImageLink = new HyperLink();
_myImageLink.ImageUrl = PicturePath + PictureName;
_myImageLink.NavigateUrl = "/products/category/" + itemName;
_myImageLink.Attributes.Add("border", "0");
Controls.Add(_myImageLink);

我面临的最大问题是 图片按钮 border="0" 属性 <img> 标记以避免图像周围出现边框。但我如何才能达到同样的结果使用超链接控制??

border=“0” <a href="...."> 标签-这不是我想要/需要的。

有什么想法吗??思想??我已经试过了 .BorderStyle 和 .BorderWidth 元素 HyperLink 类-似乎对我不起作用(我仍然看到我的图像周围有一个边界)。

我错过了什么??我怎样才能实现我的目标??

3 回复 | 直到 13 年前

1

3

Andrew Barber 13 年前

该属性不会自动插入ASP.NET4.0,因为它已被弃用;您应该改用CSS来设置 img 有问题的标签没有边框。一个可能的建议是启动它内的标记 a 标签:

a img{
  border: none;
}

2

0

Stefanvds 13 年前

你好像不知道边界的原因。

这只是从网址 <a>

简单的css可以解决这个问题:

a {
  text-decoration: none;
}

或者你可以直接设置 text-decoration: none; 以你的风格 imageLink

myImageLink.Attributes.Add("style", "text-decoration: none");

3

0

slugster Joey Cai 13 年前

而不是设置 ImageUrl