无法删除徽标图片的白色边距

问题描述：

我在解决此问题时遇到困难。基本上，我无法弄清楚为什么我的徽标图像显示左侧和底部1px白色。无法删除徽标图片的白色边距

作为测试，我已将该徽标图像放在黑色背景的空白页面上，以查看它是否没有白色边距，但没有。它看起来没问题。

所以，我相信问题是在div标签的某处。

这里是我的代码看起来像：

HTML代码：

<div id="wrapper"> 
    <div id="top_header"> 
     <div id="logo"><img src="img/logo.jpg" align="left" alt="Logo"></div> 
     <div id="title">BlaBla <br>Blah</div> 
     <div id="contact"> E-mail: [email protected]<br> Phone: 0980980984324 </div> 
    </div> 
<!-- ... rest of the code -->

CSS代码：

#wrapper { 
    margin:  0 auto; 
    width:  978px; 
    _height:  100%; 
    min-height: 100%; 
} 
#top_header { 
    padding-top:  12px; 
    /*padding-bottom: 5px; */ 
    margin:   0; 
    overflow:  hidden; 
    width:   978px; 
    background-color:#C50918; 
    display:   block; 
} 

div#logo img { 
    float:   left; 
    margin:   0; 
    padding:  0; 
    /*padding-bottom: 6px; */ 
    overflow:  hidden; 
    display:  block; 
} 
#title { 
    font:   "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:  18px; 
    vertical-align: middle; 
    color:   #FFF; 
    text-decoration: none; 
    margin:   0; 
    padding-left: 20px; 
    display:   block; 
} 

#contact { 
    background:  url(../img/phone.jpg) no-repeat scroll left transparent; 
    float:   right; 
    font:   "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:  12px; 
    text-align:  right; 
    color:   #FFF; 
    text-decoration: none; 
    margin:   0; 
    padding:   0; 
    display:   block; 
}

你是否在多种浏览器中获得该行为？ – 2012-04-04 01:39:47

嗨，Eric。是的，我试过IE，FF，Opera，Chrome（最新版本）。这很烦人。 :( – user10367 2012-04-04 01:48:04

它基本上是一个非常薄的左侧和标志图像底部的白线 – user10367 2012-04-04 01:49:45

答

尝试 #logo { 边界：无; }

也并在“div＃logo img”，id中使用border：none。

检查你的图像，这可能在边缘有一条白线。

哪种浏览器会发生这种情况？

无法删除徽标图片的白色边距

相关推荐