css中url的路径含义及使用
建站知识 2021-07-03 08:43www.168986.cn长沙网站建设
在CSS中有用url语法来指定background-image或是其他引用文件中,如:
.mainheader{
height:52px;
background-image:url(../images/mainheader__bj.gif);
background-repeat: repeat-x;
background-position: ;
}
1.background-image一类:
实际应用时,经常把css写入样式文件中,并放入专门的目录,把图片放入专门图片目录中,而实际使用的aspx文件在另一个目录,假设有这样一个实际应用目录:
----root
----images
--mainheader__bj.gif
----css
--a1.css
----ff.aspx
其中,ff.aspx引用到a1.css,而a1.css中有.mainheader,如文章开头那样的url定义,想使用images中的mainheader__bj.gif的图片.
这个url的路径应该以ff.aspx为准,还是以a1.css为准?
经测试,发现该路径以a1.css(也即CSS文件)为准,不论是HTML文件使用还是在asp.网站中,都是如此.
2.behavior一类
IE使用的 behavior: url(xxx/xxxxx.htc)来做HTML组件,这时,url里指定的htc文件路径,则是相对HTML所在的目录来的了,如下目录:
----root
----images
--mainheader__bj.gif
--iepngfix.htc
----css
--a1.css
----pub1
--frm1.aspx
----ff.aspx
则ff.aspx使用的a1.css文件中要指定behavior,则要如下:
behavior: url(images/iepngfix.htc)
,这个用法就比较死板了,这样一来,这个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)
复制代码
代码如下:.mainheader{
height:52px;
background-image:url(../images/mainheader__bj.gif);
background-repeat: repeat-x;
background-position: ;
}
1.background-image一类:
实际应用时,经常把css写入样式文件中,并放入专门的目录,把图片放入专门图片目录中,而实际使用的aspx文件在另一个目录,假设有这样一个实际应用目录:
----root
----images
--mainheader__bj.gif
----css
--a1.css
----ff.aspx
其中,ff.aspx引用到a1.css,而a1.css中有.mainheader,如文章开头那样的url定义,想使用images中的mainheader__bj.gif的图片.
这个url的路径应该以ff.aspx为准,还是以a1.css为准?
经测试,发现该路径以a1.css(也即CSS文件)为准,不论是HTML文件使用还是在asp.网站中,都是如此.
2.behavior一类
IE使用的 behavior: url(xxx/xxxxx.htc)来做HTML组件,这时,url里指定的htc文件路径,则是相对HTML所在的目录来的了,如下目录:
----root
----images
--mainheader__bj.gif
--iepngfix.htc
----css
--a1.css
----pub1
--frm1.aspx
----ff.aspx
则ff.aspx使用的a1.css文件中要指定behavior,则要如下:
复制代码
代码如下:behavior: url(images/iepngfix.htc)
,这个用法就比较死板了,这样一来,这个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)
上一篇:利用CSS截取标题长度方法
下一篇:css hack问题
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键