ASP.NET MasterPage 中圖片路徑的解決辦法!
一般而言,鏈接路徑的表達有三種方式:絕對路徑、相對路徑和基于根目錄的路徑。另外對于A(yíng)SP.NET服務(wù)器控件來(lái)說(shuō),還可以使用“~”來(lái)代替根目錄來(lái)表示。
在MasterPage和用戶(hù)控件中,經(jīng)常要使用一些圖片作為背景或漂亮的按鈕,但是在指定圖片的src或者background時(shí)候,經(jīng)常因為鏈接路徑的問(wèn)題而出錯。
1.使用絕對路徑:使用形如“D:\xxx\xxx.gif”的絕對文件路徑一般情況下是不可取的??梢钥紤]采取url的方法,寫(xiě)成http://xxxx/xx/xxx.gif”。但是缺點(diǎn)是不利于移植,例如現在站點(diǎn)的地址為http://www.xxx.net,如果有一天站點(diǎn)更該http://www.xxx.com,則所有的鏈接地址都失效,需要進(jìn)行更改,難以維護。
2.使用相對路徑:使用相對于頁(yè)面位置的路徑,比如“..\images\xxx.gif”,這樣MasterPage和用戶(hù)控件中都能正確顯示,但是如果將繼承MasterPage的頁(yè)面放到不同的文件夾下,或者使用用戶(hù)控件的頁(yè)面不在同一文件夾,那么該頁(yè)面又會(huì )找不到正確的圖片位置了!
3.基于根目錄的路徑:形如:<a href="/xxx/xxx.gif">這樣的解決方法在A(yíng)SP.NET2.0調試的時(shí)候,因為沒(méi)有建立虛擬目錄,并不能正確顯示(我也不是很肯定,沒(méi)有確認^_^)。而我在非服務(wù)器控件的HTML標簽元素上無(wú)法使用“~”來(lái)指定路徑。
那么,在設計時(shí)讓圖片可見(jiàn),我們應該怎么來(lái)處理呢?我采用了CSS來(lái)完成這項工作。針對要顯示圖片的元素和控件,我們可以寫(xiě)一段簡(jiǎn)單的css來(lái)定位圖片,因為css文件的位置是一般不會(huì )改變的(位于A(yíng)pp_Theme/themename/xxx.css),這種方法也就行之有效了。
接下來(lái)我們只需要在相應的元素和控件的cssclass中填入HideBar,就可以做到每個(gè)繼承MasterPage或使用用戶(hù)控件的頁(yè)面都能正確顯示圖片了。
我想應該還有其它更好的辦法,也希望有人能指點(diǎn)一二。
在MasterPage和用戶(hù)控件中,經(jīng)常要使用一些圖片作為背景或漂亮的按鈕,但是在指定圖片的src或者background時(shí)候,經(jīng)常因為鏈接路徑的問(wèn)題而出錯。
1.使用絕對路徑:使用形如“D:\xxx\xxx.gif”的絕對文件路徑一般情況下是不可取的??梢钥紤]采取url的方法,寫(xiě)成http://xxxx/xx/xxx.gif”。但是缺點(diǎn)是不利于移植,例如現在站點(diǎn)的地址為http://www.xxx.net,如果有一天站點(diǎn)更該http://www.xxx.com,則所有的鏈接地址都失效,需要進(jìn)行更改,難以維護。
2.使用相對路徑:使用相對于頁(yè)面位置的路徑,比如“..\images\xxx.gif”,這樣MasterPage和用戶(hù)控件中都能正確顯示,但是如果將繼承MasterPage的頁(yè)面放到不同的文件夾下,或者使用用戶(hù)控件的頁(yè)面不在同一文件夾,那么該頁(yè)面又會(huì )找不到正確的圖片位置了!
3.基于根目錄的路徑:形如:<a href="/xxx/xxx.gif">這樣的解決方法在A(yíng)SP.NET2.0調試的時(shí)候,因為沒(méi)有建立虛擬目錄,并不能正確顯示(我也不是很肯定,沒(méi)有確認^_^)。而我在非服務(wù)器控件的HTML標簽元素上無(wú)法使用“~”來(lái)指定路徑。
那么,在設計時(shí)讓圖片可見(jiàn),我們應該怎么來(lái)處理呢?我采用了CSS來(lái)完成這項工作。針對要顯示圖片的元素和控件,我們可以寫(xiě)一段簡(jiǎn)單的css來(lái)定位圖片,因為css文件的位置是一般不會(huì )改變的(位于A(yíng)pp_Theme/themename/xxx.css),這種方法也就行之有效了。
接下來(lái)我們只需要在相應的元素和控件的cssclass中填入HideBar,就可以做到每個(gè)繼承MasterPage或使用用戶(hù)控件的頁(yè)面都能正確顯示圖片了。
我想應該還有其它更好的辦法,也希望有人能指點(diǎn)一二。







我來(lái)自:向東博客
0
0
0(請您對文章做出評價(jià))

