salesforce - visualforce 背景图片不显示

Question

我正在尝试实现一个简单的 VF 选项卡式界面。我上传了一个 zip 文件，其中包含“图像”文件夹中的背景图像和所需的 css

     <style type="text/css">body { background-image: url("images/back.jpeg") }  

以下是我的实现方式。

    <apex:page id="thePage" sidebar="false" showHeader="false" tabstyle="Invoice_Statement__c"        standardController="Invoice_Statement__c" standardStylesheets="false">
   <apex:image url="{!$Resource.header}" width="1250" />
   <apex:stylesheet value="{!URLFOR($Resource.myStyles, 'styles.css')}"/>
   <style type="text/css">
   p { background-color: ;}
       tabPanel{ background-color:blue;}
       .activeTab {background-color: #236FBD; color:white; background-image:none}
       .inactiveTab { background-color: lightgrey; color:black; background-image:none}
   </style>

   <apex:tabPanel switchType="client" selectedTab="name1" id="theTabPanel" tabClass="activeTab"    inactiveTabClass="inactiveTab">
   ..
   ..
   ..
    </apex:tabPanel>
    </apex:page>

我的问题是背景没有显示。我点击了这个链接--> http://www.salesforce.com/us/developer/docs/pages/Content/pages_styling_custom.htm 我用过

   <apex:image url="{!$Resource...}" width="1250" />

它工作正常，但我无法为我的应用程序获取背景图片。有什么建议吗？

提前致谢锰锌

Answer 1

这与您引用存储在静态资源中的样式表的方式没有太大区别。

<apex:stylesheet value="{!URLFOR($Resource.myStyles, 'styles.css')}"/>

你必须按照相同的原则在旅游CSS中添加对静态资源的引用。要注意的是，您的样式声明需要位于 VF 页面上，以便由 force.com 服务器呈现。假设您的图像 forlder 在 myStyles zip 文件中作为静态资源:

<style type="text/css">body { background-image: url("{!URLFOR($Resource.myStyles, 'images/back.jpeg')}") }