2

我正在尝试实现一个简单的 VF 选项卡式界面。我已经上传了一个 zip 文件，其中包含“images”文件夹中的背景图像和所需的 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" />

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

提前致谢

4

2 回答 2

2

在您的 CSS 文件（在静态资源内）中，在图片前添加“../”并添加一些样式：

body {
background: url("../images/back.jpeg") no-repeat top fixed;
background-size: 100%;
}
于 2013-12-04T08:52:47.800 回答
2

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

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

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

<style type="text/css">body { background-image: url("{!URLFOR($Resource.myStyles, 'images/back.jpeg')}") }
于 2013-10-11T07:02:38.653 回答