visualforce 배경 이미지가 표시되지 않습니다.

간단한 VF 탭 인터페이스를 구현하려고합니다. 내가visualforce 배경 이미지가 표시되지 않습니다.

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

로 내부 "이미지"폴더 배경 이미지와 필요한 CSS를 포함하는 zip 파일을 업로드 한 다음 내가 구현하는 방법입니다.

<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" />

하고 작업을 미세

를 사용했다,하지만 난 내 앱의 배경 이미지를 얻을 수 없습니다입니다. 어떤 제안? 사전에

덕분에 MNZ

출처

2013-10-09 MnZ

을 이미지를 가정하면 myStyles에 forlder 정적 자원으로 zip 파일을 ps : salesforce.stackexchange.com에서 Salesforce 관련 질문을 매우 환영합니다! –

@Sdry를 제안하는 Thnx. 나는 그날에 합류하여 사랑했습니다. – MnZ

알아 두었던 :-) –

그것은 당신이 정적 리소스에 저장되어있는 스타일로 다스 려하는 방법보다 다른 아니다.

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

당신은 여행 CSS에서 정적 자원에 대한 참조를 추가 할 같은 원리로 가야 해요. 포착 포인트는 스타일 선언이 VF 페이지에 있어야 force.com 서버에서 렌더링되도록해야한다는 것입니다. 어떤 스타일 이미지 전에 "../"(정적 자원 내부) CSS 파일에서

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

출처

2013-10-11 07:02:38

추가하고 추가 :

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

출처

2013-12-04 08:52:47 Eugene

visualforce 배경 이미지가 표시되지 않습니다.

답변

관련 문제