4

I have an anchor tag around all of these images on my site. When you click it, it scrolls to the id "template".

<a class="hi" href="#template"><img src="images/01.png" /></a>

I have tried every trick in the book.

a img{border:none; outline: none;}

border=0 in the image tag itself.

No matter what I do there's always a blue border around the image once you click it. Click any of the circle images (towards the bottom) for reference. Remember, to view in Firefox.

http://stevendennett.com/newsite/

Thanks!

4

5 回答 5

4

图像周围的虚线边框是<a>标签的轮廓。因此，当您删除其中的边框和轮廓时img，将不是解决方案。

解决方案是

我们不需要写太多代码。在这里试试：

a { /* Remove all the outline border all in our document. */
   outline: none;
}
于 2014-01-23T04:24:24.580 回答
2

我可以通过将锚颜色设置为透明来删除边框：

a.hi {
  color: transparent;
}
于 2013-10-07T02:59:26.003 回答
1

尝试这个：

a.hi {
    outline: none;
    color: transparent;
    text-decoration: none;
}
于 2013-10-07T02:19:13.587 回答
1

尝试这个：

a.hi {
    outline: medium none;
}
于 2013-10-07T02:32:57.607 回答
0

该图像在 Chrome 和 Opera (15+) 中运行良好。

所以发生的问题是浏览器的默认效果，这是FF中发生的事情。

在此处输入图像描述

和 IE (10):

在此处输入图像描述

但是在 Chrome 中它很好，这意味着在 CSS 中没有这样的效果。

所以你必须尝试添加这个：

a > img {
   border: 0;
}

它将从所有直接位于a超链接下方的图像中删除边框。

看看你的代码：

在您的 css 文件中，在第 35 行（如果我没记错的话）您拥有outline: medium none和border: medium none;

我删除了它，并且没有边框！试试看 ：）

于 2013-10-07T02:24:26.343 回答