html - 标题位置上的图像在 chrome 中带有边框，在 Firefox 中效果很好

Question

我尝试使用标题位置左侧的徽标作为可链接对象链接到主页但不能。

之后，我使用标题位置的左上角链接到标题页面并使用 id 作为图像源，如下所示：

< a href="/"> < img  id="home-link" /> < /a>

“home-link” id 的 CSS 是：

#home-link {
    position: relative;
    width: 360px;    /* width of the logo */
    height: 110px;   /* height of the logo */
    top: 0 left: 0; /* top-left corner of logo */
    border: 0px ;
    float: left;
 }

它在 Firefox 中按预期工作但在 chrome 中显示可链接区域周围的边框，在 IE 中显示边框和图像缩略图，

我不希望显示边框或图像缩略图，因为它看起来很尴尬，并且用户知道我做了什么

Answer 1

使用此代码
a:active, a:focus{ outline: none; }
a:link img, a:visited img, a:hover img {border-style: none; } /* img 链接无边框/ a img { color: white; } /在 Netscape 4 中隐藏边框的技巧/
@media all { /从 Netscape 4 中隐藏下一条规则/ a img { color: inherit; } /撤销上面的颜色变化 */ }