Comment définir correctement les images d'arrière-plan avec la fonction CSS de jQuery ?

Modification de l'image d'arrière-plan via la fonction CSS de jQuery

Lorsque vous essayez de définir une image d'arrière-plan CSS à l'aide de jQuery, vous pouvez rencontrer des problèmes. Bien que l'attribution d'une URL d'image directement via $('myObject').css('background-image', imageUrl) puisse sembler simple, le résultat peut de manière décevante renvoyer "aucun" une fois connecté.

Le nœud du problème réside dans l'absence de la fonction 'url()' nécessaire qui enferme l'URL de l'image dans une déclaration CSS background-image. Pour résoudre cet écart, modifiez votre code comme suit :

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

Ce code modifié garantit un rendu correct de l'image d'arrière-plan en encapsulant l'URL de l'image entre guillemets et en l'enveloppant avec la fonction 'url()', en l'alignant sur la représentation CSS typique :

background-image: url(imageUrl);

En appliquant cette correction, vous pouvez désormais définir sans effort des images d'arrière-plan à l'aide de la manipulation CSS de jQuery.

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!