html - 相对大小的表格单元格元素的定位(IE 错误？)

Question

我在这里有点绝望。我有这个包含大小背景图像的页面，并且由于它是响应式设计，在包含图像和标题的布局周围有相对大小和定位的气泡(尝试调整浏览器窗口的大小以查看为什么所有内容都以这种方式定位和大小)。图像默认可见，标题在悬停/触摸时可见。标题应垂直和水平居中，这就是为什么我在父元素上使用显示表格并在标题本身上使用显示表格单元格。问题是 IE(9 到 11)重现了父级旁边的标题，高度正常；然而，宽度不是。其他所有浏览器都可以正常工作。我不知道如何解决这个问题，而且我对浏览器行为的了解显然没有你那么丰富。任何线索如何解决这个问题？

可在此处找到实时代码: http://klient.triakis.cz/sa/products.html

Answer 1

看起来 IE 将图像解释为第一个单元格列，因此将标签向右推为第二列。

如果你给 img 绝对位置似乎工作:

.products li a img {
    position: absolute;
    z-index: -1;
}