asp.net 用户控件中图片及样式问题
更新时间：2009年05月06日 02:53:10 作者：
我们在开发网站的大多时候都会用到用户控件，不同功能的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')}
写到控件里也可以，但是实现比较麻烦，需要自己写函数定位，就不用考虑了。
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')}
写到控件里也可以，但是实现比较麻烦，需要自己写函数定位，就不用考虑了。
相关文章
常用JavaScript代码提示公共类整理封装，可直接用于项目开发， 作为开发常用代码，还是有一定使用价值的，呵呵2009-08-08
ASP.NET入门随想之检票的老太太...2006-09-09
这篇文章主要为大家详细介绍了.NET Core简单读取json配置文件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-03-03
就是有时候窗口不能够成功置顶,这时需要重新切换下标签,就可以置顶了,本文介绍C# SetWindowPos实现窗口置顶的方法2012-12-12
本文摘自一位哥们的QQ空间里，自认为方案比较可行，也确实解决了开发中的这一类问题，非原创，写在此是为以后自己能方便的找到，也希望对其他的朋友有帮助。2009-10-10
Visual Studio 2010 前端开发工具/扩展/插件推荐
这篇文章主要介绍了一组我喜爱的扩展和工具能让Visual Studio在web开发方面更简单，我只是集中在我安装和使用过的一些工具，如果你还有其它好用的的话，请在这里留言。2016-06-06
最近项目需要实现XmlHttp的POST方法到另一服务器上的页面进行数据的更新，可是IE会提出“该页正在访问其控制范围之外的信息，是否继续?”等警告信息，而在其他浏览器上直接禁止掉，GOOGLE一下原来是XmlHttp的跨域访问问题，找了很多资料，说是提供很多解决方案，可是都没有用处。2008-11-11
VS2015在升级到Update2之后运行Cordova项目异常的解决方案
这篇文章主要介绍了VS2015在升级到Update2之后运行Cordova项目异常的解决方案的相关资料,需要的朋友可以参考下2016-07-07
今天在一场“特殊的讨论”中引入了一个问题，如何在C#求出字符串中某字符的出现次数，比如求“ADSFGEHERGASDF”中“A”出现的次数2013-11-11
这篇文章主要为大家详细介绍了asp.net基础学习之控件的使用方法，感兴趣的小伙伴们可以参考一下2016-08-08
最新评论