css中url的路徑含義
發(fā)布時(shí)間:2011-07-10 23:29:04 作者:佚名
我要評(píng)論

在CSS中有用url語(yǔ)法來(lái)指定background-image或是其他引用文件中
如:
.mainheader{
height:52px;
background-image:url(../images/mainheader_top_bj.gif);
background-repeat: repeat-x;
background-position: top;
}
1.background-image一類(lèi):
實(shí)際應(yīng)用時(shí),經(jīng)常把css寫(xiě)入樣式文件中,并放入專(zhuān)門(mén)的目錄,把圖片放入專(zhuān)門(mén)圖片目錄中,而實(shí)際使用的aspx文件在另一個(gè)目錄,假設(shè)有這樣一個(gè)實(shí)際應(yīng)用目錄:
----root
----images
--mainheader_top_bj.gif
----css
--a1.css
----ff.aspx
其中,ff.aspx引用到a1.css,而a1.css中有.mainheader,如文章開(kāi)頭那樣的url定義,想使用images中的mainheader_top_bj.gif的圖片.
這個(gè)url的路徑應(yīng)該以ff.aspx為準(zhǔn),還是以a1.css為準(zhǔn)?
經(jīng)測(cè)試,發(fā)現(xiàn)該路徑以a1.css(也即CSS文件)為準(zhǔn),不論是HTML文件使用還是在asp.net網(wǎng)站中,都是如此.
2.behavior一類(lèi)
IE使用的 behavior: url(xxx/xxxxx.htc)來(lái)做HTML組件,這時(shí),url里指定的htc文件路徑,則是相對(duì)HTML所在的目錄來(lái)的了,如下目錄:
----root
----images
--mainheader_top_bj.gif
--iepngfix.htc
----css
--a1.css
----pub1
--frm1.aspx
----ff.aspx
則ff.aspx使用的a1.css文件中要指定behavior,則要如下:
behavior: url(images/iepngfix.htc)
當(dāng)然,這個(gè)用法就比較死板了,這樣一來(lái),這個(gè)css文件就只能root目錄下的aspx和html文件使用了,如果pub1目錄下的frm1.aspx想用這個(gè)css,那上面的那個(gè)htc目錄就不對(duì)了,而應(yīng)該變?yōu)?
behavior: url(../images/iepngfix.htc)
當(dāng)然,這樣用,還不如直接在每個(gè)aspx文件里指定這個(gè)htc,而不是把這個(gè)htc式子放入css中;如果能定下網(wǎng)站的相對(duì)根(/)的相對(duì)路徑,也可以寫(xiě)成(假設(shè)iepngfix.htc固定放在網(wǎng)站根下的/images目錄中):
behavior: url(/images/iepngfix.htc)
.mainheader{
height:52px;
background-image:url(../images/mainheader_top_bj.gif);
background-repeat: repeat-x;
background-position: top;
}
1.background-image一類(lèi):
實(shí)際應(yīng)用時(shí),經(jīng)常把css寫(xiě)入樣式文件中,并放入專(zhuān)門(mén)的目錄,把圖片放入專(zhuān)門(mén)圖片目錄中,而實(shí)際使用的aspx文件在另一個(gè)目錄,假設(shè)有這樣一個(gè)實(shí)際應(yīng)用目錄:
----root
----images
--mainheader_top_bj.gif
----css
--a1.css
----ff.aspx
其中,ff.aspx引用到a1.css,而a1.css中有.mainheader,如文章開(kāi)頭那樣的url定義,想使用images中的mainheader_top_bj.gif的圖片.
這個(gè)url的路徑應(yīng)該以ff.aspx為準(zhǔn),還是以a1.css為準(zhǔn)?
經(jīng)測(cè)試,發(fā)現(xiàn)該路徑以a1.css(也即CSS文件)為準(zhǔn),不論是HTML文件使用還是在asp.net網(wǎng)站中,都是如此.
2.behavior一類(lèi)
IE使用的 behavior: url(xxx/xxxxx.htc)來(lái)做HTML組件,這時(shí),url里指定的htc文件路徑,則是相對(duì)HTML所在的目錄來(lái)的了,如下目錄:
----root
----images
--mainheader_top_bj.gif
--iepngfix.htc
----css
--a1.css
----pub1
--frm1.aspx
----ff.aspx
則ff.aspx使用的a1.css文件中要指定behavior,則要如下:
behavior: url(images/iepngfix.htc)
當(dāng)然,這個(gè)用法就比較死板了,這樣一來(lái),這個(gè)css文件就只能root目錄下的aspx和html文件使用了,如果pub1目錄下的frm1.aspx想用這個(gè)css,那上面的那個(gè)htc目錄就不對(duì)了,而應(yīng)該變?yōu)?
behavior: url(../images/iepngfix.htc)
當(dāng)然,這樣用,還不如直接在每個(gè)aspx文件里指定這個(gè)htc,而不是把這個(gè)htc式子放入css中;如果能定下網(wǎng)站的相對(duì)根(/)的相對(duì)路徑,也可以寫(xiě)成(假設(shè)iepngfix.htc固定放在網(wǎng)站根下的/images目錄中):
behavior: url(/images/iepngfix.htc)
相關(guān)文章
HTML相對(duì)路徑(Relative Path)和絕對(duì)路徑(Absolute Path)深入理解
web應(yīng)用程序功能強(qiáng)大就在于它的超鏈接(Hyper Link),比如在a頁(yè)面保存指向b頁(yè)面的鏈接地址(也就是URI),但問(wèn)題就恰恰出在了這里,如何正確引用一個(gè)文件。比如,怎樣在一2012-12-21HTML中絕對(duì)路徑和相對(duì)路徑的區(qū)別分析
做個(gè)開(kāi)發(fā)的人,對(duì)于文件或者文件夾的定義都是有一定的規(guī)范的,比如建立一個(gè)網(wǎng)站前端設(shè)計(jì),要建立的文件夾有css,js,images,swf等等2012-10-12- 前幾天在 Google Reader 中看到玉伯博客的分享——空路徑對(duì)頁(yè)面性能的影響。確實(shí),在寫(xiě) CSS 的時(shí)候,用 background:url(#) 還是會(huì)對(duì)頁(yè)面進(jìn)行多一次請(qǐng)求的2011-10-30
- 在CSS中有用url語(yǔ)法來(lái)指定background-image或是其他引用文件中2011-07-22
HTML相對(duì)路徑 上級(jí)目錄及下級(jí)目錄的寫(xiě)法
如何表示上級(jí)目錄 ../表示源文件所在目錄的上一級(jí)目錄,../../表示源文件所在目錄的上上級(jí)目錄,以此類(lèi)推。 假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html2009-06-16HTML 相對(duì)路徑和絕對(duì)路徑區(qū)別分析
HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問(wèn)題,如何正確引用一個(gè)文件。比如,怎樣在一個(gè)HTML網(wǎng)頁(yè)中引用另外一個(gè)HTML網(wǎng)頁(yè)作為超鏈接(hyperlink)?怎樣在一個(gè)網(wǎng)頁(yè)中插入一張圖片 如果2009-04-23- css中加背景圖片根據(jù)圖片及css文件的相對(duì)位置分一下幾種類(lèi)型1.同包下2.不同包,接下來(lái)針對(duì)這兩種情況做一下介紹,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-11