css中url的相对路径含意

2021-01-20 13:42 jianzhan
如:
.mainheader{
height:52px;
background-image:url(../images/mainheader_top_bj.gif);
background-repeat: repeat-x;
background-position: top;
}
1.background-image1类:
具体运用时,常常把css写入款式文档中,并放入专业的文件目录,把照片放入专业照片文件目录中,而具体应用的aspx文档在另外一个文件目录,假定有这样1个具体运用文件目录:
----root
----images
--mainheader_top_bj.gif
----css
--a1.css
----ff.aspx
在其中,ff.aspx引入到a1.css,而a1.css中有.mainheader,如文章内容开始那样的url界定,想应用images中的mainheader_top_bj.gif的照片.
这个url的相对路径应当以ff.aspx为准,還是以a1.css为准?
经检测,发现该相对路径以a1.css(也即CSS文档)为准,无论是HTML文档应用還是在asp.net网站中,全是这般.
2.behavior1类
IE应用的 behavior: url(xxx/xxxxx.htc)来做HTML组件,这时候,url里特定的htc文档相对路径,则是相对性HTML所属的文件目录来的了,以下文件目录:
----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)
自然,这个用法就较为呆板了,这样1来,这个css文档就只能root文件目录下的aspx和html文档应用了,假如pub1文件目录下的frm1.aspx想用这个css,那上面的那个htc文件目录就不对了,而应当变成:
behavior: url(../images/iepngfix.htc)
自然,这样用,还比不上立即在每一个aspx文档里特定这个htc,而并不是把这个htc式子放入css中;假如能定下网站的相对性根(/)的相对性相对路径,还可以写成(假定iepngfix.htc固定不动放在网站根下的/images文件目录中):
behavior: url(/images/iepngfix.htc)