在 IE 6 和 7 中使用 jquery 设置 divs 背景图像答案

【问题标题】：Setting a divs background image using jquery in IE 6 and 7在 IE 6 和 7 中使用 jquery 设置 divs 背景图像
【发布时间】：2011-10-13 13:15:03
【问题描述】：

您好，我正在尝试使用 jquery 将背景图像应用于 div。我使用的代码在除 IE 6 和 7（我需要支持的最弱浏览器）之外的所有浏览器中都能正常工作。如果我将样式标记静态应用到我的 div，它会显示图像，但是当我使用 jquery 应用它时它不会。我正在使用 IE Tester 在 IE 6 和 7 中进行测试。当我查看解释的源代码时，它会在正确的标签上显示具有正确背景属性的样式属性。

这是我使用的代码

HTML：

<div class="overlay">

jQuery:

var img-src = 'url('+$('.img-src').text()+')';
$('.overlay').css('background-image', img-src);

注意：我还尝试使用键“backgroundImage”而不是“background-image”作为 css 函数的参数。使用 background-image 是它出现在 IE 8 中的原因。有没有人遇到过类似的问题并知道解决方法？

更新：我试图显示的图像实际上确实出现在 IE 6 中，现在只是 IE 7 给我带来了麻烦。

【问题讨论】：

您的代码无效。变量不能命名为img-src（用下划线替换破折号）。
我的变量在实际代码中的名字不是img-src。我更改了名称以符合我公司的保密政策。真正的变量名称是一个没有任何连字符的单词。

标签： jquery html internet-explorer-7 internet-explorer-6 background-image

【解决方案1】：

你试过了吗：

$('.overlay').css('background', img-src + ' no-repeat top left');

【讨论】：

【解决方案2】：

试试这个

$('.overlay').css('background-image', $('.img-src').text());

【讨论】：