visualforce background image not display

Question

Я пытаюсь реализовать простой интерфейс с вкладками VF. Я загрузил файл почтового индекса, содержащий фоновое изображение внутри «изображения» папку и нужный 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')}"/> 

Вы должны пойти по тому же принципу, чтобы добавить ссылку на статический ресурс в tour css. Пункт Catch заключается в том, что объявление стиля должно быть на странице VF, чтобы оно отображалось сервером force.com. Предполагая, что ваши изображения forlder находится в myStyles почтового файл в качестве статического ресурса:

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

Answer 2

В файле CSS (внутри статического ресурса) добавить «../» перед изображениями и добавить некоторые стили:

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