CSS文件中背景图像的目录是什么?

时间:2017-05-03 03:11:15

标签: jira confluence jira-plugin

我是Confluence的新手。我正在玩装饰和CSS。

这是我的atlassian-plugin.xml:

<plugin-info>
    <description>${project.description}</description>
    <version>${project.version}</version>
    <vendor name="${project.organization.name}" url="${project.organization.url}" />
    <param name="plugin-icon">images/ohanaFavicon.png</param>
    <param name="plugin-logo">images/ohanaPluginLogo.gif</param>
</plugin-info>

<resource type="i18n" name="i18n" location="mysite" />

<web-resource key="mysite-resources" name="mysite Web Resources">
    <dependency>com.atlassian.auiplugin:ajs</dependency>
    <context>mysite</context>
</web-resource>

<theme key="mysiteheme" name="Mysite Theme" class="com.atlassian.confluence.themes.BasicTheme">
    <description>A theme for tests</description>
    <param name="includeClassicStyles" value="false" />
    <resource type="download" name="default-theme.css" location="/includes/css/default-theme.css">
        <param name="source" value="webContext" />
    </resource>
    <resource type="download" name="mysite.css" location="/theme-mysite/css/mysite.css" />      
    <resource type="download" name="mysite.js" location="/theme-mysite/js/mysite.js" /> 
    <resource type="download" key="images" name="images/" location="/theme-mysite/images"/>
    <layout key="${atlassian.plugin.key}:main" />
</theme>

<layout key="main" name="Main Decorator" overrides="/decorators/main.vmd" class="com.atlassian.confluence.themes.VelocityDecorator">
    <resource type="velocity" name="decorator" location="/theme-mysite/decorators/main.vmd" />
</layout>   

在mysite.css中,我有以下CSS规则:

background: url(images/header-bkgd.png) 5px -115px;

但是,我无法看到背景图像的显示。我做了什么? “images”目录位于“theme-mysite”目录下,该目录位于“resources”目录下。

一个更广泛的问题:我读过这本书&lt;&gt;并做了相当的在线搜索。但是我仍然无法找到任何示例或教程来解释如何在CSS文件中引用背景图像。在哪里获得这样的知识?

最佳。

更新

我试过了:

background: url(../images/header-bkgd.png)

在查看Confluence中的更改时,Chrome会为图像显示404,其路径为:

http://localhost:1990/confluence/s/en_GB/6441/NOCACHE/1.0.0-SNAPSHOT/_/download/resources/images/header-bkgd.png

我也试过

background: url(../theme-mysite/images/header-bkgd.png);

Chrome中生成的路径为:

http://localhost:1990/confluence/s/en_GB/6441/NOCACHE/1.0.0-SNAPSHOT/_/download/resources/theme-mysite/images/header-bkgd.png 

图像也不存在。

2 个答案:

答案 0 :(得分:0)

你试着像这样改变

background: url(../images/header-bkgd.png) 5px -115px;

答案 1 :(得分:0)

终于让它自己解决了。我需要补充一下:

<resource type="download" key="images" name="images/" location="/theme-mysite/images"/>

外面'...'