none
为什么在Razor文件中的背景图像路径总是设置有问题? RRS feed

  • 问题

  • <div class="login100-form-title" style="background-image: url(~/images/bg-01.png)"> <span class="login100-form-title-1"> 互联网域名IP稽核系统 </span> </div>

    这样写在本地运行都显示不出来

    <div class="login100-form-title" style="background-image: url(../../images/bg-01.png)"> <span class="login100-form-title-1"> 互联网域名IP稽核系统 </span> </div>

    改成这样路径,在本地运行可以,但是放到网站上又不行,真不知道怎么回事,试过很多次,包括第一种写法,就是显示不出来


    • 已编辑 尺蠖 2020年4月7日 9:06
    2020年4月7日 8:58

全部回复

  • 后来发现当url路径是134.65.24.114/ipcheck时

    <div class="login100-form-title" style="background-image: url(images/bg-01.png)"> <span class="login100-form-title-1"> 互联网域名IP稽核系统 </span> </div>

    这样显示就正常了

    后来发现当url路径是134.65.24.114/ipcheck/home/index时

    <div class="login100-form-title" style="background-image: url(../images/bg-01.png)"> <span class="login100-form-title-1"> 互联网域名IP稽核系统 </span> </div>

    这样显示也正常

    总之

    style="background-image: url(~/images/bg-01.png)">

    无法识别~作为网站根目录

    不像其他元素可以识别,譬如src之类的

    2020年4月7日 22:10
  • 你好,

    据我所知,在url中CSS是不支持~ 的。 一般在CSS当中我们会用..来表示上级目录。

    你能贴下你IIS当中的文件目录结构吗? 


    MSDN Community Support
    Please remember to click "Mark as Answer" the responses that resolved your issue, and to click "Unmark as Answer" if not. This can be beneficial to other community members reading this thread. If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

    2020年4月8日 8:30