Salesforce visualforce背景图像未显示

Salesforce visualforce背景图像未显示,salesforce,visualforce,static-resource,Salesforce,Visualforce,Static Resource,我正在尝试实现一个简单的VF选项卡式界面。我已经上传了一个zip文件,其中包含“images”文件夹中的背景图像和所需的css <style type="text/css">body { background-image: url("images/back.jpeg") } body{背景图像:url(“images/back.jpeg”)} 下面是我如何实现的 <apex:page id="thePage" sidebar="false" show

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

     <style type="text/css">body { background-image: url("images/back.jpeg") }  
body{背景图像: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>

我用过

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

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

提前谢谢
MnZ

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

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

您必须按照相同的原则在tour css中添加对静态资源的引用。关键是样式声明需要在VF页面上,以便force.com服务器呈现它。假设您的images文件夹作为静态资源位于myStyles zip文件中:

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

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

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

您必须按照相同的原则在tour css中添加对静态资源的引用。关键是样式声明需要在VF页面上,以便force.com服务器呈现它。假设您的images文件夹作为静态资源位于myStyles zip文件中:

<style type="text/css">body { background-image: url("{!URLFOR($Resource.myStyles, 'images/back.jpeg')}") } 
body{background image:url({!URLFOR($Resource.myStyles,'images/back.jpeg'))}
在CSS文件中(静态资源内)在图像前添加“./”并添加一些样式:

body {
background: url("../images/back.jpeg") no-repeat top fixed;
background-size: 100%;
}
在CSS文件(静态资源内)中,在图像前添加“./”并添加一些样式:

body {
background: url("../images/back.jpeg") no-repeat top fixed;
background-size: 100%;
}

注:Salesforce.stackexchange.com非常欢迎Salesforce特定问题!Thnx表示建议@Sdry。我那天就加入了,我很喜欢。ps:Salesforce.stackexchange.com非常欢迎您提出Salesforce特定的问题!Thnx表示建议@Sdry。就在那天,我加入了,并热爱它。