CSS图像放置在具有绝对位置的表中

Question

我正在尝试使用一些Javascript来循环使用两组图像。为了让每张图片在循环时替换旧图片，我需要使用css并将position设置为absolute。

我想在html table中对齐图像集。如果我没有在css中指定位置，则两个图像集在彼此之上。如果我这样做，他们会忽略我认为由absolute positioning引起的表格。

我不会在这里展示大量代码，而是分享一个JSFiddle：http://jsfiddle.net/n342aadc/3/

Answer 1

添加：

td {
  position: relative;
  width: 50px;
}

.container img.
.container1 img {
  position: absolute;
}

fiddle

我认为您需要指定td的宽度，否则它似乎会崩溃。