Question

我有一张带有绝对定位图像的表格，所以它们就在每一列的边框上。我的问题是在FF中我们将它们排成一行，在Web-kit浏览器中它们被推到右边大约6-7像素？任何想法为什么，通常我在这些浏览器之间没有问题。我正在使用CSS重置/

编辑：经过进一步审核后，FF似乎无法识别一个位置：相对于一张桌子而是一张DIV。 Webkit浏览器确实识别位置：相对设置为表。因此在FF中，位置基于DIV，而在Webkit浏览器中，它基于TABLE 有没有人遇到过这个?????

HTML：

<td class="tri-img">
<img class="one" src="img/triangles/triangle20.png" alt="" >
<span class="tri-val one">30&#37;</span>
</td>
<td class="tri-img">
<img class="two" src="img/triangles/triangle20.png" alt="" >
<span class="tri-val one">30&#37;</span>
</td>

CSS：

.tri-graph .tri-col td.tri-img{
    position: relative;
    color:#ffffff;
}
.wrap-graph.relative img{
    position: absolute;
    cursor: pointer;
    bottom:1px;
    z-index: 1;
}

.wrap-graph.relative img.one{
    left:53px;
}
.wrap-graph.relative img.two{
    left:91px;
}

Answer 1

我想说这与桌子有关。

尝试将表格中的所有填充和边距设置为0。

.....刚刚看到reset.css部分.. hmmm

Css位置，从Web-kit和FF略微偏离

1 个答案: