chrome / safari在图片周围显示边框

Question

Chrome和Safari在图片周围显示边框，但我不希望这样。Mozilla中没有边框。我已经浏览了CSS和HTML，但找不到修复它的任何东西。

这是代码：

<tr>
  <td class="near">
    <a href="../index.html"class="near_place">
      <img class="related_photo" />
      <h4 class="nearby"> adfadfad </h4>
      <span class="related_info">asdfadfadfaf</span>
    </a>
    ...

CSS：

a.near_place {
    border: none;
    background: #fff;
    display: block;
}

a.near_place:hover{
    background-color: #F5F5F5;
}

h4.nearby {
    height: auto;
    width: inherit;
    margin-top: -2px;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    display: inline;
}

img.related_photo {
    width: 80px;
    height: 60px;
    border: none;
    margin-right: 3px;
    float: left;
    overflow: hidden;
}

span.related_info {
    width: inherit;
    height: 48px;
    font-size: 11px;
    color: #666;
    display: block;
}


td.near {
    width: 25%;
    height: 70px;
    background: #FFF;

}

抱歉，我之前复制了一些旧代码。这是给我麻烦的代码

提前致谢

Answer 1

现在我不知道这是否是Chrome的错误，但是当找不到图片，图片网址损坏或您的src不存在时，会出现灰色边框。如果为图像提供适当的URL，然后浏览器找到它，则边框会消失。如果图像没有src，则需要删除高度和宽度。