Question

我有以下jQuery代码在Firefox和Internet Explorer中正常工作。它在Chrome中不起作用，我无法弄清楚原因。

我正在尝试使用以下代码更改元素的background-image：

$(".category-nav").find("a").each(function(index){
    if($(this).css("background-color") === "transparent" && !$(this).parent().hasClass("level1"))
    {
        $(this).css("background-image", "url(/images/gallery/images/arrow-cat-list-grey.png)");
    }
});

Answer 1

Chrome将背景颜色设置为rgba(0, 0, 0, 0)，以获得透明（demo）

请尝试使用此代码（demo）：

$(".category-nav").find("a").each(function(index){
    if ( /transparent|rgba\(0, 0, 0, 0\)/.test($(this).css("background-color") ) &&
          !$(this).parent().hasClass("level1") )
    {
        $(this).css("background-image", "url(/images/gallery/images/arrow-cat-list-grey.png)");
    }

});

jQuery代码适用于Firefox，但不适用于Chrome

1 个答案: