css - getting rgba background color by jquery

Question

I have an element with background-color:rgba(1,0,0,0) and I need to get this value by jquery to do something. I tried $('.overlay').css("backgroundColor") but it returnstransparent. is there any way to get the rgba background-color of an element by jquery ?

by the way, here are my codes :

html :

<div class="overlay"></div>

css:

.overlay { background-color:rgba(1,0,0,0) }

jquery :

$('.overlay').css("backgroundColor");

Answer 1

As @codingstill points out, Firefox returns transparent. But you could still do:

var bgColor = $('.overlay').css("backgroundColor");    
if(bgColor == 'transparent' || bgColor == 'rgba(1, 0, 0, 0)'){
    //do stuff
}