Css位置,与Web-kit和FF略有偏移
||
我有一张桌子,里面有绝对定位的图像,因此它们将恰好在每一列的边框上。我的问题是在FF中,我将它们排列在正确的位置,在Web-kit浏览器中,它们被推到了大约6-7像素的右边吗?任何想法为什么,通常我在这些浏览器之间没有问题。
我正在使用CSS重置/
编辑:经过进一步审查似乎FF无法识别位置:相对于表,但将为DIV。 Webkit浏览器可以识别相对于表的position:relative设置。因此,在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;
}
没有找到相关结果
已邀请:
1 个回复
勺的驴吓识