изменение альфа-прозрачности rgba с помощью jquery

Возможный дубликат:
цветовые анимации jQuery + RGBA

Привет,

я хочу изменить непрозрачность значения rgba при наведении курсора, но непрозрачность остается на уровне 0,07 .. может быть, вы можете помочь мне найти ошибку.

CSS (хаки для IE находятся в отдельном файле - нет необходимости упоминать их здесь)

.boxcaption{
   float: left;
   position: absolute;
   height: 100px;
   width: 100%;
   background: rgb(255, 144, 11);
   background: rgba(255, 144, 11, 0.7);
}

JS

var thumbslide = $('.boxgrid.captionfull').click(function() {
    $('.boxgrid.captionfull.clicked').removeClass('clicked').children('.cover').stop().animate({top: 230, background: 'rgba(255, 144, 11, 0.7)'}, 350);
    $(this).toggleClass('clicked').children('.cover').stop().animate({top: 0, height:"230px", background: 'rgba(255, 144, 11, 1)'}, 350);
});

animation jquery css opacity rgba
person tobiasmay    schedule 16.11.2010    source источник

Ответы (2)


arrow_upward
-5
arrow_downward

плагин цвета jquery не поддерживает rgba. вместо этого используйте это: текст ссылки

person Daniel says Reinstate Monica    schedule 17.12.2010
comment
спасибо за ссылку. в комментариях была полезная ссылка: pioupioum.fr/sandbox/jquery-color - person tobiasmay; 24.01.2011
comment
Эта ссылка требует авторизации. - person Gazillion; 18.07.2013
comment
Связанный ресурс не работает. - person Iguananaut; 29.11.2013
comment
Из-за того, что для ссылки нужен логин, этот ответ бесполезен. -1 - person Armin; 28.01.2014
comment
Прости. Раньше это было не нужно. - person Daniel says Reinstate Monica; 28.01.2014

arrow_upward
1
arrow_downward

У меня такое ощущение (непроверенное предположение), что jQuery не проверяет свойство фона CSS на rbga(...) и, следовательно, не применяет хакерское исправление для изменения filter:alpha().

Я думаю, вам нужно изменить opacity:1 отдельно.

.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350);
person scunliffe    schedule 16.11.2010
comment
к сожалению, это не работает ... но, может быть, я могу удалить значение rgba, так как у меня есть значение rgb для резервного копирования? - person tobiasmay; 16.11.2010
comment
помогает ли добавление zoom:1 или display:inline-block в css? Мне интересно, есть ли проблема из-за того, что элемент не имеет hasLayout в IE? - person scunliffe; 16.11.2010
comment
я тестирую на FF3.6. IE запускается с помощью условных комментариев и имеет масштаб: 1, а также фильтры для взлома непрозрачности, поскольку мне нужен тип с полной непрозрачностью поверх прозрачного div. - person tobiasmay; 16.11.2010