Noj*_*jan 9 css anchor image border
我的文档中有一个锚标记的全局规则:
a,a:hover {border-bottom: 1px solid #ccc;}
但是边框在图像上看起来并不好看.我很好奇是否有办法删除包含仅使用纯CSS的图像的锚标签的边框？
小智 9
我发现了这个:http://konstruktors.com/blog/web-development/1122-remove-border-from-image-links/
它基本上是一个非常简单的黑客,看起来像这样:
a img { border:none; vertical-align:top; }
它像魅力一样,没有浏览器冲突:有关更多详细信息,请参阅文章.
编辑:border:none在大多数情况下,实际上并没有做任何有用的事情.边框位于锚点上,而不是img标签,因此如果您已经使用全局CSS重置将锚定图像上的边界清零,则只需要将图像的边框向上vertical-align:top推,a这样就不会更长的可见(只要您的图像不透明).