CSS 文件中背景图片的目录是什么?
What is the directory for a background image in a CSS file?
我是 Confluence 的新手。我在玩装饰器和CSS。
这是我的图集-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"目录在"resources"目录下
一个更广泛的问题:我已经阅读了<>这本书并进行了相当多的在线搜索。但我仍然找不到任何示例或教程来解释如何在 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
图片也不存在
你试试这样改
background: url(../images/header-bkgd.png) 5px -115px;
终于自己解决了。我需要添加这个:
<resource type="download" key="images" name="images/" location="/theme-mysite/images"/>
在“...”之外
我是 Confluence 的新手。我在玩装饰器和CSS。
这是我的图集-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"目录在"resources"目录下
一个更广泛的问题:我已经阅读了<>这本书并进行了相当多的在线搜索。但我仍然找不到任何示例或教程来解释如何在 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
图片也不存在
你试试这样改
background: url(../images/header-bkgd.png) 5px -115px;
终于自己解决了。我需要添加这个:
<resource type="download" key="images" name="images/" location="/theme-mysite/images"/>
在“...”之外