CODEWITHSUNDEEP
jquerycssbackground-colorrgba
Payam Shakibafar
Payam Shakibafar

Reputation: 1125

getting rgba background color by jquery

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");

Upvotes: 0

Views: 3731

Answers (1)

Lasse
Lasse

Reputation: 1656

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
}

Upvotes: 1

Related Questions