Hello,
I'm trying to create reusable buttons.
Currently I've already defined the button itself and some color classes.
I'm trying to implement some icon classes such as .plus .min etc.
The problem is that the color classes all have a linear gradient as background
and I'm trying to place the icon by using the background-image property.
So the icon class overwrites the background property of the color class.
Here's some example code:
<div class="button orange plus"></div>
.orange {
background: -gradient;
}
.plus {
background-image: url("img.png");
}
I could solve the problem by placing an img element inside each element that
has button as class.
But I'd rather see a solution based on pure css. It should be possible only I
don't see how.
Regards,
Jonas.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
