使用JQuery设置di​​v背景图像

Question

我使用JQuery设置di​​v的背景图像，如下所示：

$(document).ready(function() {
    $('#pic').css("background","url(images/pic.jpg)");  

 });

但图像无法显示。如何解决这个问题？

谢谢。

Answer 1

也许它也适用于background，但我总是使用

background-image

而且我总是在路径上加上引号

$('#pic').css("background-image","url('images/pic.jpg')"); 

Answer 2

应该有效，但你尝试过使用“background-image”而不是“background”吗？

另外，您可以通过浏览器正确导航到图像吗？即YOURDOMAIN /图像/ pic.jpg？

修改： 还有，你为div设置了宽度和高度吗？ div不会自动调整背景图像的大小。

Answer 3

这可能取决于相对路径问题。

包含您发布的代码的网页的路径（即浏览器导航栏中显示的网址）是多少？ 这与图像目录有什么关系？

管理这可能有点噩梦，特别是如果你将javascript文件包含在多个页面中，这些页面位于URL层次结构中的不同级别。

更好的方法是在css文件中定义一个类，使图像URL相对于css文件本身的位置，然后简单地将类应用于div，而不是设置个人风格属性。