使用eclipse e4中的default.css在后台添加图像

时间:2015-11-07 11:17:32

标签: css eclipse eclipse-rcp rcp e4

我正在创建Eclipse e4 RCP应用程序。我想在后台添加图片。我尝试在plugin.xml中添加属性:

<property
        name="applicationCSSResources"
        value="platform:/plugin/rcptutorial/image/image.jpg">

另外,我创建了一个新文件夹&#34; Images&#34;并在其中添加了&#34; image.jpg。我还在default.css中添加了一行:

Shell {  background-image: url('./image.jpg');} 

但是当我运行它时没有任何反应。我可以应用背景颜色但无法添加图像。

请帮忙。

我的Plugin.xml如下:

<?xml version="1.0" encoding="UTF-8"?>
<?eclipse version="3.4"?>

<plugin>  

<extension
     id="product"
     point="org.eclipse.core.runtime.products">
  <product
        name="org.rcptutorial.rcp"
        application="org.eclipse.e4.ui.workbench.swt.E4Application">
     <property
           name="lifeCycleURI"
           value="bundleclass://rcptutorial/org.rcptutorial.rcp.E4LifeCycle">
     </property>
     <property
           name="applicationCSS"
           value="platform:/plugin/rcptutorial/css/default.css">
     </property>
     <property
        name="applicationCSSResources"
        value="platform:/plugin/rcptutorial/images/">
    </property>



  </product>


</extension>

</plugin>

我的default.css如下:

Shell {  background-image: url('./images/image.jpg');}

我有一个&#34;图像&#34;包含图像的文件夹&#34; image.jpg&#34;。该文件夹位于我的项目中

1 个答案:

答案 0 :(得分:1)

applicationCSSResources必须指定包含图片的文件夹:

<property
      name="applicationCSSResources"
      value="platform:/plugin/rcptutorial/image/">
</property>

(结尾&#39; /&#39;必须存在)。

CSS中的URL应该是:

url('./image.jpg')