javascript - CSS 图像在表格中的绝对位置放置

Question

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

我想在 html table 中对齐图像集。如果我没有在 css 中指定位置，则两个图像集将彼此重叠。如果我这样做，他们会忽略该表，我认为这是由 绝对定位 引起的。

与其在这里显示大量代码，不如分享一个 JSFiddle:http://jsfiddle.net/n342aadc/3/

Answer 1

添加:

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

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

fiddle

我认为你需要为 td 指定一个宽度，否则它看起来会崩溃。