Maison >interface Web >tutoriel CSS >Pourquoi mon image d'arrière-plan jQuery n'apparaît-elle pas ?

Pourquoi mon image d'arrière-plan jQuery n'apparaît-elle pas ?

Linda Hamilton
Linda Hamiltonoriginal
2024-12-21 17:23:09478parcourir

Why Doesn't My jQuery Background Image Appear?

Définition d'une image d'arrière-plan avec la propriété CSS de jQuery

Lorsque vous essayez de définir une image d'arrière-plan à l'aide de la propriété CSS de jQuery, vous pouvez rencontrer un problème où l'image ne s'affiche pas malgré la spécification de l'URL correcte dans la variable imageUrl. Le code :

$('myObject').css('background-image', imageUrl);

semble logique mais ne parvient pas à respecter la syntaxe CSS. Pour appliquer une image d'arrière-plan comme prévu en CSS, la fonction url() doit entourer l'URL de l'image. Par conséquent, l'implémentation correcte dans jQuery devient :

$('myObject').css('background-image', 'url(' + imageUrl + ')');

En enfermant la variable imageUrl dans la fonction url(), vous formatez le code selon les normes CSS, garantissant que l'image d'arrière-plan est correctement définie. La vérification du style CSS avec console.log($('myObject').css('background-image')) renverra désormais l'URL de l'image attendue.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn