即使在css中将top和left设置为0,图像也有边距

时间:2011-11-14 16:49:06

标签: html css image margin relative

边缘仍然出现在顶部(大约7个像素),即使它在css中设置为0顶部和0左侧。还有其他我想念的东西吗?提前谢谢,凯莉

http://jsfiddle.net/wpdtd/

2 个答案:

答案 0 :(得分:4)

您需要set display:block;

默认情况下,图像是内联的,因此浏览器会将它们放入文本流中,其中包括行间距。

答案 1 :(得分:1)

浏览器也期待文本。 line-height已设置,因此仍有空间。

设置line-height: 0;

#triquiback{
    left: 0;
    top: 0;
    position: relative;
    overflow:hidden;
    zIndex: -9999;

    line-height: 0; /* NEW ! */
}

分叉示例:
http://jsfiddle.net/FLTVu/