css - 使用图像作为通用链接背景

Question

我怎样才能将图片作为所有链接的背景？我想要一个漂亮的盒子来表示按钮，但我想不出来。

我试过:

a { 
    font-size: 40px;
    background: url('images/shooting-stars/shooting-star-link.png') no-repeat left top; 
}

但这不起作用，图像不显示。

Answer 1

“我想要一个漂亮的盒子代表按钮，但我想不出来。” - 我不明白这部分。

无论如何，你的 CSS 从这里看起来不错，你确定图像存在吗？这是一个具有完全相同代码的工作示例，只是一张我确定存在的图像:

http://jsfiddle.net/3k9nm/

如果你想始终显示图像，即使文本较短，你应该为链接设置一个最小宽度。这确实意味着它们必须是内联 block ，您不能在常规链接(内联元素)上设置宽度。

a {
  display: inline-block;
  min-width: 25px;  
}

(随机选择 25px，填写背景图片的宽度..)