指向 Sitefinity 文件夹结构的 Image 文件夹的 CSS background-image URL答案

【问题标题】：CSS background-image URL to Image folder of Sitefinity folder structure指向 Sitefinity 文件夹结构的 Image 文件夹的 CSS background-image URL
【发布时间】：2015-02-05 07:11:32
【问题描述】：

我有一个文件夹结构，如下所示：
App_Data\Sitefinity\WebsiteTemplates\MySite\App_Themes\Mytheme\Images
我的图像文件夹中有图像。
主 css 文件中的 url 应该是什么，它被用作大多数页面的主题。
我尝试了不同的变体，但没有成功。
css文件位于：
App_Data\Sitefinity\WebsiteTemplates\MySite\App_Themes\Mytheme\Global

【问题讨论】：

标签： asp.net url content-management-system sitefinity

【解决方案1】：

不确定您的意思，但如果您尝试引用不同目录中的 url，请使用以下命令：

div { background-image: url('../Images/example.jpg');

...而不是：

div { background-image: url('/Images/example.jpg');

【讨论】：

【解决方案2】：

我会将 Images 文件夹放在 \Global 文件夹下，然后在主 css 中仅通过 url(images/sprite.png) 引用图像。

【讨论】：

【解决方案3】：

要在 Sitefinity 中添加图像，请转到内容 |图片菜单。然后点击上传图片按钮，从本地驱动器中选择一张图片。

要创建一个文件夹以便您可以将图像放入其中，请选择“创建库”按钮。然后你把你的图片上传到它。

要引用图像，只需单击它，然后选择以原始大小查看。

这将为您提供图像的 URL。

Example:

http://example.com/images/default-source/MyImages/img.jpg

然后您可以使用该 URL 以您的 html 样式引用您的图像：

body {
        background: url('http://example.com/images/default-source/MyImages/img.jpg') no-repeat;
    }

【讨论】：