jQuery 代码在 Firefox 中有效，但在 Chrome 中无效

Question

我有以下在 Firefox 和 Internet Explorer 中运行良好的 jQuery 代码。它在 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)");
    }

});