zoukankan      html  css  js  c++  java
  • css中url的路径含义

     

    在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)

  • 相关阅读:
    BZOJ2821 作诗(Poetize) 【分块】
    BZOJ2724 蒲公英 【分块】
    Codeforces 17E Palisection 【Manacher】
    BZOJ2565 最长双回文串 【Manacher】
    Codeforces 25E Test 【Hash】
    CODEVS3013 单词背诵 【Hash】【MAP】
    HDU2825 Wireless Password 【AC自动机】【状压DP】
    HDU2896 病毒侵袭 【AC自动机】
    HDU3065 病毒侵袭持续中【AC自动机】
    HDU2222 Keywords Search 【AC自动机】
  • 原文地址:https://www.cnblogs.com/Odin/p/2099335.html
Copyright © 2011-2022 走看看