css - 在 eclipse e4 中使用 default.css 在背景中添加图像

Question

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

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

此外，我创建了一个新文件夹“Images”并在其中添加了“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');}

我有一个包含图像“image.jpg”的“图像”文件夹。该文件夹位于我的元素中

Answer 1

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

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

(结尾的“/”必须存在)。

CSS 中的 URL 应该是:

url('./image.jpg')