CSS background-image URL 到 Sitefinity 文件夹结构的图像文件夹

Question

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

Answer 1

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

Answer 2

不确定你的意思，但如果你想引用不同目录中的 url，请使用以下内容：

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

...而不是：

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

Answer 3

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

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

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

这将为您提供图像的 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;
    }

CSS background-image URL 到 Sitefinity 文件夹结构的图像文件夹

CSS background-image URL to Image folder of Sitefinity folder structure

asp.net

url

sitefinity

content-management-system