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&#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;
}
    

解决方法

我会说这与桌子有关。 尝试将表格中的所有填充和边距设置为0。 .....刚刚看到了reset.css部分.. hmmm     

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...