0

我很难解决我遇到的这个问题。基本上，我无法弄清楚为什么我的徽标图像显示左侧和底部 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: blabla@mydomain.tld<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;
}
4

1 回答 1

0

尝试#logo {边框：无；}

并且在 "div#logo img" 中使用border: none ，id。

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

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

于 2012-10-25T14:44:13.897 回答