Question

I have a class, it looks like this:

.blueButton {
    some css goes here
}

Now to use the “button”, I use this HTML code:

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

This displays my button, the only thing I am missing is a background image right of the link text. I tried:

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

But the image did not show up … is this the right way to do it? This is a fiddle for it: http://jsfiddle.net/bSDYG/

Thanks!

Answer 1

Assuming you want both the image and the gradient to be backgrounds, use the following syntax:

background: url(image-url), linear-gradient(...);

I.e., to specify multiple backgrounds, separate their definitions with commas.