css中url的路径含义
来源:互联网 发布:2017软件企业认定 编辑:程序博客网 时间:2024/05/21 07:49
在CSS中有用url语法来指定background-image或是其他引用文件中,如:
.mainheader{
height:52px;
background-image:url(../images/mainheader_top_bj.gif);
background-repeat: repeat-x;
background-position: top;
}
1.background-image一类:
实际应用时,经常把css写入样式文件中,并放入专门的目录,把图片放入专门图片目录中,而实际使用的aspx文件在另一个目录,假设有这样一个实际应用目录:
----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.behavior一类
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)
当然,这个用法就比较死板了,这样一来,这个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{
}
1.background-image一类:
实际应用时,经常把css写入样式文件中,并放入专门的目录,把图片放入专门图片目录中,而实际使用的aspx文件在另一个目录,假设有这样一个实际应用目录:
----root
其中,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.behavior一类
IE使用的
----root
则ff.aspx使用的a1.css文件中要指定behavior,则要如下:
当然,这个用法就比较死板了,这样一来,这个css文件就只能root目录下的aspx和html文件使用了,如果pub1目录下的frm1.aspx想用这个css,那上面的那个htc目录就不对了,而应该变为:
behavior:
当然,这样用,还不如直接在每个aspx文件里指定这个htc,而不是把这个htc式子放入css中;如果能定下网站的相对根(/)的相对路径,也可以写成(假设iepngfix.htc固定放在网站根下的/images目录中):
behavior:
- css中url的路径含义
- CSS:url中的路径含义及使用
- CSS文件中涉及URL路径的设定
- url中#(hash)的含义
- 【CSS】css文件中URL路径以什么为准
- URL中一些字符的特殊含义
- URL中特殊字符的含义
- URL中一些字符的特殊含义
- URL 中 ‘#’ 号的含义与作用
- URL中特殊字符的含义
- CSS中使用大于号[>]的含义
- CSS中overflow的含义与属性
- Css中Position属性的含义
- CSS中margin属性值的含义
- css中设置点的参数含义
- URL的含义
- URL的含义(续)
- 通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题
- html跑马灯/走马灯效果
- 把vim打造成IDE
- NC
- 设置ctfmon.exe自动启动
- 编程珠玑第三章
- css中url的路径含义
- 查看linux版本命令
- Redhat Enterprise5 修改源
- VI编辑器的使用
- 理解SQL原理,写出高效的SQL语句
- 实现企业VPN
- Eclipse下配置主题颜色
- redhat 6 下安装telnet
- linux网络参数设置CentOS6.2