2013-06-19 23 views
0

我想在我的Worklight項目中使用背景圖像。一切正常,當我試圖運行我的代碼沒有worklight(我使用notepad ++並在我的瀏覽器上運行它)。css背景圖像不顯示ibm工作燈

但是,當我使用Worklight(我的意思是複製 - 粘貼代碼並編輯引用)時,我的背景圖像突然消失,但其他圖像(使用src標記)仍然存在。

這是我的CSS代碼:

body{ 
    background:url(../images/background.png) no-repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

這是截圖:

enter image description here

+0

「before」是什麼意思? 「將代碼移至工作環境」是什麼意思?你是如何移動它的?你在哪裏移動它?你的圖片文件夾中有什麼? HTML的外觀如何?用這個信息編輯問題。 –

+0

@IdanAdar抱歉讓你困惑。請看我編輯的問題。謝謝 –

+0

@IdanAdar請參閱我的關於多個頁面的其他問題.. http://stackoverflow.com/questions/17185260/ibm-worklight-click-a-button-to-go-to-another-page-multiple-page-應用 非常感謝:D –

回答

2

通過之後的下一個步驟,我看到我的背景圖像中的應用:

  1. 創建一個新的工作燈項目和應用程序
  2. 在圖片文件夾中放置一個圖像文件(的MyProjects \ APPS \對myApp \常見\圖像)
  3. 在CSS文件中:

    體{ 背景:URL( 「../圖像/ background.jpg」); }

  4. 建立所有和部署

  5. 通過工作燈控制檯

預覽了像我在評論中提到 - 編輯您的問題,並添加HTML和CSS。
另外請確保您已將圖像放置在圖像文件夾中。

+0

對不起,它仍然無法正常工作,請看我編輯的問題(截圖)。感謝:D –

+0

它對我來說工作正常 - 嘗試使用新的應用程序,看看是否只有這些工作,然後開始進行更改並檢查它何時失敗。 –

+0

是的,它的工作完美與你的方式和中心固定的CSS。非常感謝:D –

1

檢查圖像的URL路徑。或將圖像添加到worklight項目文件夾並檢查。

+0

感謝您的幫助。我已經檢查了所有這些,並且它們都很好 –

+1

將引號添加到該網址。背景:url(「../ images/background.png」)no-repeat; – 2013-06-19 07:55:38

+0

對不起仍然沒有工作:D –