無法刪除徽標圖片的白色邊距

我在解決此問題時遇到困難。基本上，我無法弄清楚爲什麼我的徽標圖像顯示左側和底部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 user10367

你是否在多種瀏覽器中獲得該行爲？ – 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。

檢查你的圖像，這可能在邊緣有一條白線。

哪種瀏覽器會發生這種情況？

來源

2012-10-25 14:44:13

無法刪除徽標圖片的白色邊距

回答

相關問題