css - 向链接添加背景图像？

Question

我有一个类，它看起来像这样:

.blueButton {
    some css goes here
}

现在要使用“按钮”，我使用以下 HTML 代码:

<a href="..." class="blueButton">link text</a> 

这显示了我的按钮，我唯一缺少的是链接文本右侧的背景图像。我试过:

background: url('image url') no-repeat top right;

但是图像没有显示出来……这是正确的做法吗？这是一个 fiddle :http://jsfiddle.net/bSDYG/

谢谢!

Answer 1

假设您希望图像和渐变都作为背景，请使用以下语法:

背景:url(image-url), linear-gradient(...);

即，要指定多个背景，请用逗号分隔它们的定义。