ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery の背景画像が機能しないのはなぜですか?
画像を背景として設定しようとしているときに問題が発生しました。 jQueryを使用した画像プロパティ。画像 URL を imageUrl 変数に割り当て、それを「myObject」要素の CSS に適用しようとしました:
$('myObject').css('background-image', imageUrl);
調べてみると、console.log($( 'myObject').css('background-image')) は「なし」を返します。これは、画像が正しく設定されていないことを示しています。
解決策:
この問題を解決するには、画像の URL を 'url()' で囲む必要があります。標準の CSS 宣言と同じように、次の関数を使用します。
$('myObject').css('background-image', 'url(' + imageUrl + ')');
これにより、画像 URL が CSS 背景画像値として正しくフォーマットされ、問題が解決されることが保証されます。
以上がjQuery の背景画像が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。