【问题标题】:CSS - trying to apply background-image, using ~/ not workingCSS - 尝试应用背景图像,使用〜/不工作
【发布时间】:2013-06-05 10:57:13
【问题描述】:

我正在尝试将背景图像应用于 site.master 文件中的标题。如果我使用:

background-image:url('./themes/Modern/images/bg_full.png')

它适用于所有根级页面,但不适用于任何更高目录结构的动态页面。所以我把它改成了:

background-image:url('~/themes/Modern/images/bg_full.png')

但是当我这样做时,图像不会显示在任何页面上。任何帮助表示赞赏。

【问题讨论】:

  • 如果你尝试background-image:url('../themes/Modern/images/bg_full.png')会怎样
  • ~ 是一个 .net 服务器端结构,它不会像在 .css 文件中那样工作。如果您必须使用它,则需要进入服务器端块。你是什​​么平台?当您要求root时, background-image:url('/themes/Modern/images/bg_full.png') 不起作用吗?
  • 您好,我正在使用 blogengine.net
  • 删除.~,不需要。

标签: css blogengine.net


【解决方案1】:

CSS 是基于客户端的。基本上,您的代码所做的是创建一个 GET 请求,例如:http://domain.com/css/~/themes/Modern/images/bg_full.png

你可能想要这样的东西:

background-image:url('/themes/Modern/images/bg_full.png'); 因为这将导致类似http://domain.com/themes/Modern/images/bg_full.png 的请求

【讨论】:

    【解决方案2】:
    background-image:url('http://your-domain-host.com/path_to_images/bg_full.png');
    

    如果不行就试试,然后给我你的页面网址,我会给你确切的代码

    【讨论】:

      猜你喜欢
      • 2016-09-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-03-22
      • 2013-06-26
      • 2017-11-13
      相关资源
      最近更新 更多