用户控件中图片及样式问题

     我们在开发网站的大多时候都会用到用户控件，不同功能的aspx文件要放到不同的文件夹，但我们可能要引用同一个用户控件，比如，头尾用户控件。这时候控件里的图片，及css 样式就会出现问题。不同位置的文件引用同一个位置的用户控件，这时候用户控件的图片及css样式路径发生错乱。

 

1.如果用户控件中有服务器控件需要引用图片地址，比如ImageButton，这时候你只要按照用户控件的位置写好引用图片的链接地址就行，也就是服务器控件可以智能解析出它的确切位置

 

2.如果是插入图片，按照用户控件所在文件夹位置写出图片链接地址，是不行的。比如:图片文件是：/images/dian.gif 。  /index.aspx  和/member/user.aspx都引用/controls/head.ascx.你在控件中插入图片<img src=""../images/dian.gif"/>。/member/user.aspx 这个页面可以显示图片，但是/index.aspx  这个页面就会出错。

正确写法：<img src="<%=ResolveUrl("../images/dian.gif")%>"/>

 

3.如果在控件中有样式需要引用图片文件，把样式写到css文件中然后引用。

采用css，图片是相对于css文件的，这是最好的.

.bgborder{background:url('../../imges/dian.jpg')}

 

写到控件里也可以，但是实现比较麻烦，需要自己写函数定位，就不用考虑了。