получение цвета фона rgba с помощью jquery

Question

получение цвета фона rgba с помощью jquery

0

У меня есть элемент с background-color:rgba(1,0,0,0) и мне нужно получить это значение jquery, чтобы что-то сделать. Я пробовал $('.overlay').css("backgroundColor") но он становится transparent. есть ли какой-либо способ получить фоновый цвет rgba элемента jquery?

кстати, вот мои коды:

html:

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

CSS:

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

jquery:

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

Payam Shakibafar 15 дек. 2013, в 22:07

Источник

1

Какую версию jQuery вы используете? Если я запускаю предоставленный вами код, я получаю обратно rgba(1, 0, 0, 0) . Смотрите это jsFiddle
Lasse 15 дек. 2013, в 21:07
0

Я использую jquery-1.10.1!
Payam Shakibafar 15 дек. 2013, в 21:09
2

Это проблема браузера, в Firefox он возвращает прозрачность, а в Chrome возвращает фактическое свойство css.
Tasos K. 15 дек. 2013, в 21:09
0

@codingstill тогда я могу использовать это для оператора if? Я хочу сказать, если background-color .overlay например, rgba(1,0,0,0) , сделайте что-нибудь. могу я ?
Payam Shakibafar 15 дек. 2013, в 21:12
0

Зачем вам нужно знать, если это RGBA (1,0,0,0) или RGBA (2,0,0,0)?
csbenjamin 15 дек. 2013, в 21:23

Показать ещё 3 комментария

Теги:

jquery

css

css3

background-color

rgba

1 ответ

Ещё вопросы

Какую версию jQuery вы используете? Если я запускаю предоставленный вами код, я получаю обратно rgba(1, 0, 0, 0) . Смотрите это jsFiddle
Это проблема браузера, в Firefox он возвращает прозрачность, а в Chrome возвращает фактическое свойство css.
@codingstill тогда я могу использовать это для оператора if? Я хочу сказать, если background-color .overlay например, rgba(1,0,0,0) , сделайте что-нибудь. могу я ?
Зачем вам нужно знать, если это RGBA (1,0,0,0) или RGBA (2,0,0,0)?

Lasse · Answer 1 · 2013-12-15T19-52-00.000Z

1

Как указывает @codingstill, Firefox возвращает transparent. Но вы все равно можете:

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

Lasse 15 дек. 2013, в 19:52

1

Это просто хак, что если есть похожие правила с другим цветом, например .overlay2 {background-color: rgba (2,0,0,0)}. Кроме того, в IE11 он вообще ничего не возвращает :(.
Tasos K. 15 дек. 2013, в 21:18
0

все равно , мое утверждение if: if (bgColor == 'rgba(1,0,0,0)) { do function A }' и else if (bgColor == 'rgba(2,0,0,0)) { do function B }' ! Firefox будет считать оба прозрачных, так что у меня будут проблемы с Firefox? или общая функциональность одинакова, и мой код будет работать в Firefox, а также в Chrome и т. д.?
Payam Shakibafar 15 дек. 2013, в 21:19
0

@codingstill: Действительно. Вы совершенно правы. Он ничего не возвращает в IE11 ?! Weird ...
Lasse 15 дек. 2013, в 21:20
0

rbga (2,0,0,0) также определяется классом? Если это так, вы можете проверить, имеет ли элемент определенный класс. @ Действительно, странно ...
Tasos K. 15 дек. 2013, в 21:21
0

@ Pay4m: Что именно вы ищете? Прозрачность?
Lasse 15 дек. 2013, в 21:22
0

Я искал цвет, в то время как у меня должен был быть прозрачный элемент, и я должен был использовать rgba в моем случае. Я решил свою проблему, и теперь я использую цвет фона и прозрачность вместе. Спасибо :)
Payam Shakibafar 15 дек. 2013, в 21:29
0

@ Pay4m: хорошо, приятно, что вы смогли решить это :)
Lasse 15 дек. 2013, в 21:30

Показать ещё 5 комментариев