asp.net 用戶控件中圖片及樣式問題
更新時間:2009年05月06日 02:53:10 作者:
我們在開發(fā)網(wǎng)站的大多時候都會用到用戶控件,不同功能的aspx文件要放到不同的文件夾,但我們可能要引用同一個用戶控件
比如,頭尾用戶控件。這時候控件里的圖片,及css 樣式就會出現(xiàn)問題。不同位置的文件引用同一個位置的用戶控件,這時候用戶控件的圖片及css樣式路徑發(fā)生錯亂。
1.如果用戶控件中有服務(wù)器控件需要引用圖片地址,比如ImageButton,這時候你只要按照用戶控件的位置寫好引用圖片的鏈接地址就行,也就是服務(wù)器控件可以智能解析出它的確切位置
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')}
寫到控件里也可以,但是實現(xiàn)比較麻煩,需要自己寫函數(shù)定位,就不用考慮了。
1.如果用戶控件中有服務(wù)器控件需要引用圖片地址,比如ImageButton,這時候你只要按照用戶控件的位置寫好引用圖片的鏈接地址就行,也就是服務(wù)器控件可以智能解析出它的確切位置
2.如果是插入圖片,按照用戶控件所在文件夾位置寫出圖片鏈接地址,是不行的。比如:圖片文件是:/images/dian.gif 。 /index.aspx 和/member/user.aspx都引用/controls/head.ascx.你在控件中插入圖片<img src=""../images/dian.gif"/>。/member/user.aspx 這個頁面可以顯示圖片,但是/index.aspx 這個頁面就會出錯。
正確寫法:
復(fù)制代碼 代碼如下:
<img src="<%=ResolveUrl("../images/dian.gif")%>"/>
3.如果在控件中有樣式需要引用圖片文件,把樣式寫到css文件中然后引用。
采用css,圖片是相對于css文件的,這是最好的.
.bgborder{background:url('../../imges/dian.jpg')}
寫到控件里也可以,但是實現(xiàn)比較麻煩,需要自己寫函數(shù)定位,就不用考慮了。
相關(guān)文章
.NET的動態(tài)編譯與WS服務(wù)調(diào)用詳解
這篇文章介紹了.NET的動態(tài)編譯與WS服務(wù)調(diào)用詳解,有需要的朋友可以參考一下,希望對你有所幫助2013-07-07
設(shè)置默認Ajax操作cache and error
設(shè)置默認Ajax操作cache and error,需要的朋友可以參考一下2013-02-02
在WinForm和WPF中使用GMap.Net地圖插件簡單教程
GMap.NET是一個強大、免費、跨平臺、開源的.NET控件,它在Windows Forms 和WPF環(huán)境中能夠使用來自Google, Yahoo!, Bing, OpenStreetMap, ArcGIS, Pergo, SigPac等地圖,下面看一下使用方法2013-12-12
ASP.NET Core對Controller進行單元測試的完整步驟
這篇文章主要給大家介紹了關(guān)于ASP.NET Core對Controller進行單元測試的完整步驟,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用ASP.NET Core具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
MVC 5 第一章 創(chuàng)建MVC 5 web應(yīng)用程序
本章將講述一些構(gòu)建ASP.NET MVC 5 web application的一些基礎(chǔ)知識, 通過本章學(xué)習(xí),你應(yīng)該能夠掌握到構(gòu)建MVC 5應(yīng)用程序的基本步驟,并且通過展示一個完整的MVC 5 hello world應(yīng)用程序了解MVC 5應(yīng)用程序所帶來的用戶體驗。2014-06-06
asp.net計算一串?dāng)?shù)字中每個數(shù)字出現(xiàn)的次數(shù)
計算一串?dāng)?shù)字中每個數(shù)字出現(xiàn)的次數(shù),可以這樣子,先判斷輸入的字符串是不是數(shù)字組成,還是否包含有其它字符2012-05-05

