Salesforce visualforce背景图像未显示
我正在尝试实现一个简单的VF选项卡式界面。我已经上传了一个zip文件,其中包含“images”文件夹中的背景图像和所需的cssSalesforce 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
<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。就在那天,我加入了,并热爱它。