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

我试图在.append（）之后添加.css（{＆＃34; background-position＆＃34;：＆＃34; -200px 0px＆＃34;}），以为可能之前必须加载图像css已被应用。

我得到的只是整个spritesheet显示所有显示的状态。任何提示将不胜感激;）

Answer 1

在上面的例子中，返回以下内容

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

实际上这是我需要做的才能获得所需的结果

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

CSS无法处理清单中加载的spritesheet

1 个答案: