在 IE 6 和 7 中使用 jquery 设置 div 背景图像
您好，我正在尝试使用 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 函数的参数。使用背景图像使它出现在 IE 8 中。有没有人遇到过类似的问题并知道解决方法？
更新：我试图显示的图像实际上确实出现在 IE 6 中，现在只有 IE 7 给我带来了麻烦。
Hi i am trying to apply a background image to a div using jquery. The code i use works fine in all browsers except IE 6 and 7 (the weakest browsers i need to support). If I statically apply a style tag to my div, it does show the image but when i apply it using jquery it does not. I am using IE Tester to test in IE 6 and 7. When I look at the interpreted source code it shows a style attribute with the correct background property on the correct tag.
here is the code i use
HTML:
<div class="overlay">
JQuery:
var img-src = 'url('+$('.img-src').text()+')';
$('.overlay').css('background-image', img-src);
note: i've also tried using the key 'backgroundImage' instead of 'background-image' as a parameter to the css function. Using background-image is what got it to appear in IE 8. Has anyone faced a similar problem and know a work around?
UPDATE: The image i am trying to make appear actually does appear in IE 6, now it's just IE 7 that's giving me trouble.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
试试这个
Try this
你有没有尝试过这个：
Have you tried this: