小图像文件无法正确定位

时间:2014-03-15 20:52:27

标签: image position pixel shift placement

我试图将一个只有8px高的图像定位为页面上的第一个元素。我将位置设置为" top:0"和" left:0",但是除IE之外的所有内容中,图像一直显示在其下方的图像下方。当我将位置更改为" top:-8px"时,图像显示在Chrome中的正确位置,Firefox和Safari中的一个像素关闭,并且在IE中完全错误。更改div的高度似乎没有影响,浮动属性,边距等也没有变化。最终,我删除了顶部图像并将其合并到它下面的更大图像中(当然,对所有内容进行了一些修改) ,然后我将新图像作为页面上的第一个元素,使用相同的零,零坐标和之后正确定位的所有内容。这很好,但我仍然希望得到问题所在的答案。似乎一旦元素低于一定的规模,所有投注都将被取消。这是否与字体高度有关(即使没有涉及字体)?由于我已经解决了这个问题,我至少有一个答案,但是如果对正在发生的事情有更好的,更正式的解释,我会感兴趣,特别是关于Chrome和FF之间的一个像素转换

1 个答案:

答案 0 :(得分:0)

每个浏览器都将默认值设置为“某事”。比如说,纯文本可能在IE中显示为“Times New Roman”面部字体,但在Chrome中则显示为“Arial”。它们是浏览器设置的默认值。我不知道问题是否存在于浏览器的默认值中。