你如何将元素绝对定位到使用Javascript的网格布局？

以下示例显示了平铺的div，一旦单击淡出，我一直试图扩展它，以便将img移除而不是div。你如何将元素绝对定位到使用Javascript的网格布局？

发生这种情况时，div将丢失任何CSS定义的宽度&高度并且网格被破坏。

有谁知道如何使用JQuery UI效果使用display none和维护网格布局来动画化图像？

由于

难道仅仅是我吗？你的例子jsfiddle中的图像在哪里？点击的瓷砖也不会淡出，它们只是改变颜色。实际上有什么问题？ – devnull69

问题是，当我将它更改为嵌套在div中的img标签消失，网格中断。 –

请添加一个小提琴，实际上演示你正在发生的问题 – David

你的瓦片被设置为display:inline它忽视高度，并且所述元件的宽度。所以很自然，当图像被移除时，它们会崩溃，高度和宽度从未被div所尊重。将它们更改为display:inline-block，它会起作用。

.layer .tile { ... display:inline-block; ...}

你也应该改变图像display:block，使他们行为一致

.layer .tile img { display:block; }

2012-10-11 12:28:41 Jan

谢谢，但我已经尝试了这一点 - 在Chrome＆FF中显示如下：https://adaptive.womworld.com/facebook-tabs/aaaa/img/inline.png –

确定吗？如果你只是假设，点击小提琴的链接，因为它可以在我的Chrome和FF上完美地工作... – Jan

我做了它并没有以相同的方式打破，但瓷砖仍然掉出来。 –

回答