элементы 1 css в другом

смотрите есть
#loading{display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.4) url('../img/ajax-loader.gif') 50% 50% no-repeat}


и вместо этой ../img/ajax-loader.gif картинки хочу прописать

fa fa-spinner fa-pulse



как мне это сделать?

andrey69rus, https://gist.github.com/gubi/8483199
Просто я не могу понять что именно ты хочешь сделать )))

-=Рома=-, т.е смотри там анимация картинкой gif... а мне нужно влепить анимацию FontAwesome

надо в див запихать


а если так делать то не катит
<div id="loading"><i class="fa fa-spinner fa-pulse"></i></div>
экран затемняется а вот загрузки нету

не вникал особо в суть вопроса, но похоже что тебе это надо http://htmlbook.ru/faq/kak-dobavit-dve-fonovye-kartinki-na-veb-stranitsu

andrey69rus, http://fortawesome.github.io/Font-Awesome/
Так хочешь сделать?
Блин, я с тела)

нет... т.е смотрите
#loading затемняет экран и по середине анимация загрузки http://i.imgur.com/9oaAUc1.jpg (ajax-loader.gif)
а мне нужно её заменить на
fa fa-spinner fa-pulse

andrey69rus, Есть живой пример чего хочешь сделать?

-=Рома=-, хочу поменять ajax-loader.gif на анимацию из fontawesome

andrey69rus, http://www.internet-technologies.ru/articles/article_1933.html

-=Рома=-, блин я знаю как их встраивать в html код... мне её нужно пихнуть в этот див вместо ajax-loader

andrey69rus, Ты хочешь вместо изображения, вставить свой шрифт со своим текстом?
Тебя хрен поймешь )))

вместо анимации которая в #loader сейчас, хочу поставить анимацию из fontawesome

andrey69rus, В 10 сяду за комп и вернемся к разговору ))
С телефона не удобно

-=Рома=-, окей)

Прописываешь путь к спрайту и пиксели картинки

andrey69rus, Покажи рабочий пример того что сейчас есть

background: url(image/copy.png) no-repeat left,
url(image/razdr.png) repeat-x #cf2423;