如何使用 IE6 检索元素的当前背景图像值？

Question

这有点令人抓狂。我有代码将所选元素中的当前背景图像保存到变量中，然后用它来创建 img 标签。

简而言之，以下内容适用于我测试过的所有浏览器（IE6 除外）：

var bg = $('.element_selector').css('background-image');

IE6 的返回值是“none”，这是不正确的。 （在有人建议尝试“backgroundImage”而不是“background-image”之前，没有骰子。）

关于如何获得该值有什么想法吗？

更新：我忘了提及有问题的背景图像是由 DD_belatedPNG< 处理的/a>，现在看来是罪魁祸首——如果我注释掉修复程序，我就会得到我的值。如果有人知道在 png 修复后如何仍然可以获取该值，请告诉我。

Answer 1

1. 您尝试过背景吗？
2. 您确定元素正确吗？

Answer 2

在 IE6 中进行一些测试后，我能够使用 DD_belatedPNG 和背景 src 重现您的问题。

这是我发现的。如果您在调用 DD_belatedPNG.fix('[selector]'); 之前设置了 background-image 变量，那么您将获得所需的结果。如果您稍后在 click 事件中设置它，您会得到一个值 “none”。

此外，DD_belatedPNG 会向包含背景图像的页面添加一个图像元素（具有 DD_belatedPNG_sizeFinder 类），因此您可以 1) 重复使用、2) 复制或 3) 获取 该元素的 src 属性值。

这是我的测试代码：

CSS：

#myElement
{
    width: 515px;
    height: 341px;
    margin: 100px auto;
    background: #f00 url('http://www.chismbrothers.com/images/woodfloors.png') no-repeat 0 0;
}

HTML：

<div id="myElement"></div>


<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
<div id="test4"></div>

jQuery：

$(document).ready(function() {
    // Works as expected
    var bg = $('#myElement').css('background-image');
    $('#test1').text("pre png fix: " + bg);

    DD_belatedPNG.fix('#myElement');

    $('#myElement').click(function() {
        var bg = $(this).css('background-image');
        var bgAll = $(this).css('background');

        // This yields values of 'none' for bg and 'undefined' for bgAll
        $('#test2').html("post png fix: " + bg + "<br />bg: " + bgAll);

        // DD_belatedPNG creates an image element on the page with a class of 
        // 'DD_belatedPNG_sizeFinder' which can be used to get the image src
        $('#test3').html('dd_belatedpng_sizeFinder: ' + $('.DD_belatedPNG_sizeFinder').attr("src"));

        // Perhaps reapplying 'zoom' css will reapply the BG values?
        $(this).css({ zoom: 0 }).css({ zoom: 1 });
        // Set values again.
        bg = $(this).css('background-image');
        bgAll = $(this).css('background');
        // No luck...same result as #test2
         $('#test4').html("post png fix: " + bg + "<br />bg: " + bgAll);
    });
});