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

比如，头尾用户控件。这时候控件里的图片，及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')}
写到控件里也可以，但是实现比较麻烦，需要自己写函数定位，就不用考虑了。

赞 (0)

相关推荐

  • 动态改变ASP.net页面标题和动态指定页面样式表的方法

    如果需要让asp.net应用程序对用户留有一定有自定义空间,例如用户要对页面使用自己定义的样式表或标题,可以使用下面的方法来动态指定: 首先对ASPX文件中<HEAD>中的页面标题和样式表进行修改 Visual Studio 生成的代码: <title>WebForm1</Title> <LINK ref="stylesheet" type="text/css" href="control.css">

  • asp.net在后端动态添加样式表调用的方法

    本文实例讲述了asp.net在后端动态添加样式表调用的方法.分享给大家供大家参考.具体实现方法如下: HtmlLink CssControl = new HtmlLink(); CssControl.Href = url; CssControl.Attributes.Add("rel", "stylesheet"); CssControl.Attributes.Add("type", "text/css"); page.Hea

  • AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件，支持多样式多数据绑定

    AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件，支持多样式多数据绑定

    本控件可以对GridView,Repeater,DataGrid,DataList...几乎所有的.net数据绑定控件进行分页,全部无刷新,数据绑定部分可以使用存储过程也可以直接使用sql语句,这对本控件没有任何干扰!本控件具有较好的用户界面,能够根据需要变换各种样式,配合css控制效果则更好! 1.分页样式效果图: 2.如何使用: 于bin目录下添加:AspNetAjaxPager.dll引用 aspx文件内容: 复制代码 代码如下: <%@ Page Language="C#"

  • asp.net 动态引用样式表代码

    1. 添加CSS样式: Style style = new Style(); style.ForeColor = System.Drawing.Color.Navy; style.BackColor = System.Drawing.Color.LightGray; this.Header.StyleSheet.CreateStyleRule(style, null, "body"); 2. 链接外部的CSS样式表: HtmlLink link = new HtmlLink(); li

  • asp.net简单实现页面换肤的方法

    本文实例讲述了asp.net简单实现页面换肤的方法.分享给大家供大家参考,具体如下: 这里实现页面换肤效果,可以 给html form 添加相应的样式 代码如下: private string _StyleClass; public string StyleClass { get { return _StyleClass; } set { _StyleClass = value; } } private void StyleForm() { HtmlForm Form1 = this.FindC

  • asp.net 新闻列表样式代码

    新闻列表: 复制代码 代码如下: <div class="news_list"> <asp:Repeater ID="gsxw" runat="server" DataSourceID="GetNewsByType"> <ItemTemplate> <ul> <li><span> <%# Convert.ToDateTime(Eval("N

  • asp.net CheckBoxList各项最小宽度CSS样式(兼容性good)

    ASP.NET中,CheckBoxList里的选择都是自动宽度的,属性时没有设置各项宽度的设置. 参考了一下网上的最小宽度样式, 复制代码 代码如下: /* 最小寬度 */ .min_width{min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); } 写成如下: 复制代码 代码如下:

  • asp.net 用户控件中图片及样式问题

    比如,头尾用户控件.这时候控件里的图片,及css 样式就会出现问题.不同位置的文件引用同一个位置的用户控件,这时候用户控件的图片及css样式路径发生错乱. 1.如果用户控件中有服务器控件需要引用图片地址,比如ImageButton,这时候你只要按照用户控件的位置写好引用图片的链接地址就行,也就是服务器控件可以智能解析出它的确切位置 2.如果是插入图片,按照用户控件所在文件夹位置写出图片链接地址,是不行的.比如:图片文件是:/images/dian.gif . /index.aspx 和/memb

  • ASP.NET用户控件技术

    我们发现,利用代码绑定技术我们可以容易的将我们的代码和内容分离开来,利用它可以建立可重用的代码,只是这种技术本身也存在着一些局限性.在本文中,我们将会一同探讨另外一种新的ASP.NET技术:用户控件.    什么是用户控件(User Controls)?  为了能更好的理解用户控件的重要性,我们先来看看一段小小的"历史".在以前的ASP当中,可重用的技术实现选择是相当受限制的.许多的开发者一般都是借助将公共的常用的子过程放到那些包含文件当中的做法来实现一定的所谓代码重用的.比如,如我们

  • ASP.NET用户控件如何使用

    ASP.NET用户控件如何使用

    用户控件用来做什么? 用户控件常常用来统一网页显示风格. 关于用户控件 1.用户控件的扩展名为.ascx. 2.用户控件中没有@Page指令,而是包含@Control指令. 3.用户控件不能做为独立文件运行,必须创建ASP.net页面,后添加. 4.在用户控件上可以使用相同的XHTML元素和Web服务器控件.例如,Button可以放到用户控件中,并创建按钮的事件处理. 创建用户控件 在vs中新建项中选择用户控件.(也可以将单个文件转化为用户控件.) 制作用户控件. 例如: 用户控件代码: Web

  • ASP.NET 用户控件的使用介绍

    页面上访问用户控件中的数据: 方法一:        使用用户控件的FindControl方法,找到用户控件中的控件,进一步取得其数据(不需要在控件中处理,但是需要知道用户控件中要使用的控件的ID)方法二: 为控件增加属性(方法),使用该属性访问用户控件中的数据(在目标页面中使用时,简单,但是不够灵活) 用户控件中访问页面控件中的控件: 方法一:  在用户控件中使用Parent属性找到页面,再通过FindControl方法找到要访问的控件 方法二: 为用户控件添加事件,在页面中处理事件,进而实现

  • 在Web用户控件中引用样式表中样式的方法

    如何在Web用户控件中引用样式表中的样式 复制代码 代码如下: <%@ Control Language="C#" AutoEventWireup="true" CodeFile="gl1.ascx.cs" Inherits="admin_gl1" EnableTheming="True" %> < link href="../App_Themes/qiantai.css&quo

  • asp.net 用户控件读取以及赋值

    XML内容如下: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8" ?> <SystemVersion> <Item> <Version_ID>1</Version_ID> <Version_Name>CN</Version_Name> </Item> <Item> <Version_ID>2</

  • asp.net GridView控件中实现全选的解决方案

    第一种:利用客户端控件实现 JS: 复制代码 代码如下: <script type="text/javascript"> function checkAll() { var checklist=document.getElementsByTagName("input"); for(var i=0;i<checklist.length;i++) { if(checklist[i].type=="checkbox") { check

  • jQuery获取file控件中图片的宽高与大小

    问题 如何判断input file表单里上传的图片的宽高和大小呢? 解决方案 这个时候图片还没真正上传,也不是在页面上展示,不能使用$("#id").width(),$("#id").height()这种方式. 在Stack Overflow找到一个方法获取input file图片文件的宽高: var _URL = window.URL || window.webkitURL; $("#file").change(function (e) { v

  • asp.net GridView控件中模板列CheckBox全选、反选、取消

    asp.net GridView控件中模板列CheckBox全选、反选、取消

    复制代码 代码如下: using System; using System.Data; using System.Data.SqlClient; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebC

  • ASP.NET中使用用户控件

    ASP.NET中使用用户控件

    一.概述: 与WEB窗体页相同,程序员可以使用任何文本编辑器创作用户控件,或者使用代码隐藏类开发用户控件.此外,与WEB窗体页一样,用户控件可以在第一次请求时被编译并存储在服务器内存中,从而缩短以后请求的响应时间.但与WEB窗体页不同的是,不能独立地请求用户控件,用户控件必须包括在WEB窗体页内才能使用.用户控件减少了代码的重用性,一个用户控件就是一个简单的ASP.NET页面,不过他是包含在另一个ASP.NET页面的, 用户控件文件有如下特点: 扩展名为:.ascx. 用户控件中没有“@ pag

随机推荐