Как я могу оживить непрозрачность фона div?

У меня есть div #test с фоном непрозрачности 0, я хочу анимировать его, пока не достигну непрозрачности 0,7. Но .animate не работает с css rgba.

Мой CSS это:

#test {
    background-color: rgba(0, 0, 0, 0);
}

мой HTML:

<div id="test">
    <p>Some text</p>
    <img src="http://davidrhysthomas.co.uk/img/dexter.png" />
</div>

и мой JQuery:

$('#test').animate({ background-color: rgba(0, 0, 0, 0.7) },1000);

Вот jsFiddle:http://jsfiddle.net/malamine_kebe/7twXW/10/

Большое спасибо за помощь!

Ответы на вопрос(2)

Ваш ответ на вопрос