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

下面的示例显示了平铺div，单击淡出后，我一直在尝试扩展它，以便删除子img而不是div

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

有人知道如何使用jqueryui效果（使用display none和维护网格布局）仍然为图像设置动画吗

-工作示例

---

谢谢

您的磁贴设置为

显示：内联

，忽略了所述元素的高度和宽度。因此，当图像被删除时，它们自然会崩溃，div从一开始就不考虑高度和宽度。将它们更改为

display:inline block

，它就可以工作了

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

您还应该将图像更改为

display:block

，以使其行为一致

.layer .tile img { display:block; }

​

---

工作小提琴：

是我吗？示例JSFIDLE中的图像在哪里？此外，点击的瓷砖不会褪色，它们只是改变颜色。实际问题是什么？问题是当我将其更改为嵌套在div中的img标记时，它会消失，网格中断。请添加一个小提琴，实际演示您遇到的问题这里是问题似乎最好的方法是使用javascript而不是CSS使用内联/内联块来绝对定位div谢谢，但我已经尝试过了-在Chrome&FF中，它显示如下：你确定吗？如果您只是假设，请单击小提琴的链接，因为它在我的Chrome&FF上工作得非常好…我做了，但它没有以相同的方式损坏，但瓷砖仍然会脱落。我道歉，这起作用了。我没有意识到您还修改了其他CST。您的图像渲染存在错误，导致了一些边距问题（尽管没有损坏），现在应该解决这个问题了。