html - 为超链接显示图像而不是文本

Question

如何为超链接显示图像而不是文本？请看我的例子，在这里你可以看到文字“x”和背景图片。我只想显示超链接的背景图像。

http://jsfiddle.net/8rfyT/

Answer 1

.cancel {
    background: url(http://www.softicons.com/download/web-icons/light-grey-square-icons-by-axialis-team/png/16/Cancel.png) center no-repeat;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
}

制作链接display: block; 这样你就可以给它背景图片的宽度和高度，然后使用text-indent 来隐藏实际的文本

Your fiddle updated