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

时间:2015-02-05 07:11:33

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

我有一个文件夹结构,因为它如下:
App_Data\Sitefinity\WebsiteTemplates\MySite\App_Themes\Mytheme\Images
我在Images文件夹中有图像 主要主要css文件中的url应该是什么,它用作大多数页面的主题 我尝试过不同的变种但不成功 css文件位于:
App_Data\Sitefinity\WebsiteTemplates\MySite\App_Themes\Mytheme\Global

3 个答案:

答案 0 :(得分:2)

不确定您的意思,但如果您尝试在其他目录中引用网址,请使用以下内容:

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

...而不是:

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

要在Sitefinity中添加图像,请转到“内容”|图像菜单。然后单击“上载图像”按钮从本地驱动器中选择图像。

要创建文件夹以便放入图像,请选择“创建库”按钮。然后您将图像上传到它。

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

这将为您提供图像的URL。

Example:

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

然后,您可以使用该网址以html风格引用您的图片:

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