0

Worklight プロジェクトで背景イメージを使用しようとしています。ワークライトなしでコードを実行しようとすると、すべて正常に動作します (メモ帳 ++ を使用してブラウザーで実行しています)。

ただし、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;
}

これはスクリーンショットです:

ここに画像の説明を入力

4

2 に答える 2

2

次の手順に従うと、アプリケーションに背景画像が表示されました。

  1. 新しい Worklight プロジェクトとアプリケーションを作成しました
  2. images フォルダー (myProjects\apps\myApp\common\images) にイメージ ファイルを配置しました。

  3. CSS ファイル内:

    本体 { background:url("../images/background.jpg"); }

  4. すべてをビルドしてデプロイする

  5. Worklight Console でプレビュー

コメントで述べたように、質問を編集して HTML と CSS を追加してください。
また、images フォルダに画像を配置したことを確認してください。

于 2013-06-19T08:01:55.953 に答える
1

画像の URL パスを確認してください。または、worklight プロジェクト フォルダーにイメージを追加して確認します。

于 2013-06-19T07:47:15.187 に答える