使用jQuery CSS属性设置背景图像 [英] Setting background-image using jQuery CSS property

问题描述

我在 imageUrl 变量中有一个图片网址，我想使用jQuery将其设置为CSS样式：

  $（'myObject'）。css（'background-image'，imageUrl）; 
  

这似乎不起作用：

  console.log（$（'myObject'）。css（'background-image'））; 
  

返回 none 。

$

解决方案

你可能想要这个使它像一个正常的CSS背景图像声明）：

  $（'myOjbect'）。css（'background-image' ，'url（'+ imageUrl +'）'）; 
  

I have an image URL in a imageUrl variable and I am trying to set it as CSS style, using jQuery:

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

This seems to be not working, as:

console.log($('myObject').css('background-image'));

returns none.

Any idea, what I am doing wrong?

解决方案

You probably want this (to make it like a normal CSS background-image declaration):

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

这篇关于使用jQuery CSS属性设置背景图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！