Not finding what you are looking for? Request a recipe!
This solution is partly taken from an article on "A list Apart" and uses the css3 background size property. This means that it it would not normally be usable for IE versions before IE9, (currently in preview) however it does work in all other popular browsers, and can work in IE6/7/8 using the IEFi ...
The css3 rounded corners / border radius property for browsers that support this, and an htc file or jQuery for older versions of IE.
Apply a position: relative; statement to the css.
The solution was to use the new css3 'transition' and 'writing-mode' propertys. The 'transition' property has now been implemented in the latest versions of the Firefox and Safari browsers and the currently beta version of Opera (v 10.5), and the 'writing-mode' property in IE 7 and 8. For IE6 compat ...
Luckily, the current draft specification for the CSS3 Backgrounds and Borders Module includes support for multiple, background images on a single element! This feature is supported by: Apple's Safari web-browser since version 1.3, other browsers now also support CSS3 multiple backgrounds: Firefox >= ...
The solution is to use rgba values in combination with the IE Gradient filter.