javascript - 如何将图像设置在其他图像下？

Question

如何将图像设置在其他图像下。有两张图片，用户照片和半透明图片需要设置在用户照片上。如何使用 ExtJs 做到这一点

Answer 1

试试这个方法。

Ext.create('Ext.Img', {
  src: 'http://www.sencha.com/img/20110215-feat-html5.png',
  width: 184,
  height: 90,
  autoEl: {
    tag: 'div'
  },
  id: 'image1',
  renderTo: Ext.getBody()
});

Ext.create('Ext.Img', {
  src: 'http://orig01.deviantart.net/2890/f/2012/168/0/a/labyrinth_free_background_transparent_png_by_jacobmainland-d53tglc.png',
  width: 184,
  height: 90,
  style: 'position:absolute;left:0px;top:0px;',
  renderTo: Ext.get('image1')
});

Sencha Fiddle

编辑:

tbar: [{
  xtype: 'image',
  src: 'http://www.sencha.com/img/20110215-feat-html5.png',
  width: 184,
  height: 90,
  autoEl: {
    tag: 'div'
  },
  id: 'abc',
  listeners: {
    render: function() {
      Ext.create('Ext.Img', {
        src: 'http://orig01.deviantart.net/2890/f/2012/168/0/a/labyrinth_free_background_transparent_png_by_jacobmainland-d53tglc.png',
        width: 184,
        height: 90,
        style: 'position:absolute;left:0px;top:0px;',
        renderTo: Ext.get('abc')
      });
    }
  }
}],