CSS не работает на spritesheet, загруженном в манифест

Question

Я загружаю все свои элементы страницы, используя манифест в createjs. Однако CSS не применяется к spritesheet.

 //css
 .btn{background-position: -200px 0px; position: absolute; width: 100px;height:101px;opacity:1;margin-left: 1px;margin-top: 49px};

 //javascript
 manifest =[
      {src:"images/spritesheet.png", id:"spritesheet"}

 };

 loader = new createjs.LoadQueue(false);
 loader.loadManifest(manifest);

 loader.on("complete", handleComplete, this);

 function handleComplete(){
       var btn = loader.getResult("spritesheet");
            $(".btn").append(_btn)
 }

Это работает, когда я загружаю изображение из css, хотя, поэтому я должен делать что-то не так. Я пробовал пару вещей, но все еще проблема.

 .selection_btn01{background-image: url(images/spritesheet.png); background-position: -200px 0px; position: absolute; width: 100px;height:101px;opacity:1;margin-left: 1px;margin-top: 49px};

Я пытался добавить.css({"background-position": "-200px 0px"}) после.append(), думая, что, возможно, изображение должно быть загружено до применения css.

Все, что я получаю, это вся таблица спрайтов, отображающая все отображаемые состояния. Любые советы будут с благодарностью;)

Answer 1

В приведенном выше примере возвращается следующее

 btn = <img src="images/spritesheet.png"> 

когда на самом деле это то, что мне нужно было сделать, чтобы получить желаемый результат

 $(".btn").css({"background-image": 'url('+_btn.src+')'});