2010-11-16 4 views
3

Можно создать дубликат:
jQuery + RGBA color animationsизменений альфа-прозрачность RGBA с JQuery

эй,

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

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

ответ

-5

Плагин цвет jQuery не поддерживает rgba. используйте это вместо: link text

+0

спасибо за ссылку. в комментариях была полезная ссылка: http://pioupioum.fr/sandbox/jquery-color/ – tobiasmay

+3

Для этой ссылки требуется логин. – Gazillion

+0

Связанный ресурс не работает. – Iguananaut

1

Я получаю ощущение (непроверенную догадку), что JQuery является не проверяя свойство фона CSS для rbga(...) и, таким образом, не применяя исправление хака для изменения filter:alpha().

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

.animate({top:0,height:"230px",background:'rgb(255, 144, 11)',opacity:1}, 350); 
+0

грустно это не работает .. но возможно я могу пойти, удалив значение rgba, так как у меня есть значение rgb для возврата? – tobiasmay

+0

добавляет 'zoom: 1' или' display: inline-block' к справке css? Мне интересно, есть ли проблема из-за того, что элемент не имеет «hasLayout» в IE? – scunliffe

+0

Я тестирую FF3.6. IE запускается с помощью условных комментариев и имеет масштаб: 1, а также фильтры для непрозрачности, так как мне нужен тип с полной непрозрачностью над прозрачным div. – tobiasmay