LinkButton的样式设置(背景图片问题)

在Css中设置了LinkButton的样式后,特别是有背景图片时,常常不能正常显示,背景会有重影,或者在浏览页面时,只能看到背景的一小部分.如CSS代码如下:

.linkBtn
{
 font-family:Arial Verdana 宋体;
 font-size:15px;
 font-weight:normal;
 text-decoration:none;
 padding:7px 0px 0px 0px;
 border:none;
 width:100px;
 height:24px;
 background:url(../Image/pagerfirst.jpg) no-repeat;
}

在VS环境中,给LinkButton的CssClass设置好linkBtn后,设计器中会显示有重影的背景.

 

原来是LinkButton的问题,它的显示大小有问题,即使在CSS代码中设置了它的大小,在解析到网页时,也不会应用大小,因为LinkButton的大小,是由其Text决定的.Text的宽度和高度是多少,它就显示为多大..至于为什么在CSS中设置了大小也没用,我还不知道原因.

 

解决办法为,在LinkButton的声明时,指定其Width和Height..这样就可以实现Css中的效果了..