매니페스트에로드 된 스프레드 시트에서 CSS가 작동하지 않습니다.

Question

createjs에 매니페스트를 사용하여 내 모든 페이지 요소를로드하고 있습니다. 그러나 CSS는 스프라이트 시트에 적용되지 않습니다.

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

나는 ({ "배경 위치": "-200 픽셀 0 픽셀을"}) .CSS를 추가하는 시도으로 .Append (후) 어쩌면 이미지가 CSS를 적용하기 전에로드 할 수 있다고 생각.

나는 모든 스프라이트 시트에 표시되는 모든 상태를 표시합니다. 모든 팁 크게 감상 할 수있다, 실제로 내가 원하는 결과를 얻기 위해 할 필요가 무엇을 할 때

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

을 반환 다음 위의 예에서)

Answer 1

을

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