Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript senchaext中的浮动图像_Javascript_Css_Extjs - Fatal编程技术网

Javascript senchaext中的浮动图像

Javascript senchaext中的浮动图像,javascript,css,extjs,Javascript,Css,Extjs,我需要使用extjs将多个浮动图像放入一个容器中。容器本身应该有一个背景或另一个拉伸到其大小的图像。所有这些图像和背景图像都应该是动态变化的 我使用布局:{type:'vbox',align:'strated'}通过容器项中包含的简单Ext.image对象创建了背景图像。但我没能在里面添加浮动图像 我尝试了floating:true属性,但结果是没有将元素添加到dom中。 还尝试向以下浮动属性添加属性,但未成功 在进一步阅读sencha的文档后,发现sencha中的浮动行为不同。它实际上隐藏了元

我需要使用extjs将多个浮动图像放入一个容器中。容器本身应该有一个背景或另一个拉伸到其大小的图像。所有这些图像和背景图像都应该是动态变化的

我使用
布局:{type:'vbox',align:'strated'}
通过容器项中包含的简单Ext.image对象创建了背景图像。但我没能在里面添加浮动图像

我尝试了
floating:true
属性,但结果是没有将元素添加到dom中。 还尝试向以下浮动属性添加属性,但未成功

在进一步阅读sencha的文档后,发现sencha中的浮动行为不同。它实际上隐藏了元素,并通过ZIndexManager一次显示一个元素。这不是我的目标


有没有其他方法可以使图像在容器中浮动,从而允许我更改它们在容器中的src和位置。

事实证明,技巧不是使图像浮动,而是将容器的布局设置为绝对:

layout{
    type: 'absolute'
}
之后,只需将每个元素设置为x和y属性,如下所示:

var img = Ext.create('Ext.Img', {
    src: 'whatever.jpg',
    x: 100,
    y: 100,
});
它们漂浮着。如果您将它们设置为百分比字符串:“20%”,则此选项也有效