Непрозрачность серого текста CSS и проблема цвета Firefox

Question

Я использую следующую функцию jQuery для изменения непрозрачности текста (его цвет: # 999999)

$('.small_buttons').css('opacity', 0.3);

Эффект выглядит хорошо в Chrome или даже в Internet Explorer 8, но в текущей версии Firefox (3.6.10) этот текст приобретает действительно странный зеленоватый цвет вместо приятного бледно-серого.

Скриншоты:

Chrome:

Firefox:

Помощь оценена!

Обновление: пример: http://jsfiddle.net/YnDFr/1/

Answer 1

fyi: у меня была та же проблема с FF 3.6, я нашел следующее решение, которое действительно работает на различных браузерах, кроме. IE <9,0; </p>

просто используйте следующий синтаксис: color: rgba(r,g,b,opacity);

т.е.: color: rgba( 153, 153, 153, .5) ;

это приводит к color: #999999; и opacity: .5; нет необходимости применять цвет фона, если ваш текст находится на прозрачном DIV. В большинстве современных браузеров, даже в IE 9.0 есть поддержка определения цвета RGBA ()

Answer 2

Похоже, это потому, что элемент не имеет фона или указан как прозрачный. Попробуйте добавить тот же фон, что и контейнер.