我有一张带有绝对定位图像的表格,所以它们就在每一列的边框上。我的问题是在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%</span>
</td>
<td class="tri-img">
<img class="two" src="img/triangles/triangle20.png" alt="" >
<span class="tri-val one">30%</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;
}
答案 0 :(得分:0)
我想说这与桌子有关。
尝试将表格中的所有填充和边距设置为0。
.....刚刚看到reset.css部分.. hmmm