Maison >interface Web >tutoriel CSS >Pourquoi mon image d'arrière-plan jQuery n'apparaît-elle pas ?
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!