ExtJS-自定义MessageBox图标出现多次

Question

我有一个Extjs 4应用，带有一个消息框和一个自定义图标类来显示一个复选框。不管我把那32x32 *.png放在哪里，图片都会重复。

格式化图标以使其不会重复的正确方法是什么？

代码

 Ext.Msg.show({
     title: 'Success',
     msg: 'Control settings changed.',
     icon: 'save-success',
     buttons: Ext.Msg.OK
  });

//CSS
    .save-success{
         background-image: url(../images/icons/accept-1.png);
        width: 32px;
        height: 32px;
     }

Answer 1

在save-success中，不重复：

.save-success{
  background-image: url(../images/icons/accept-1.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
}