On Fri, Dec 24, 2010 at 2:02 AM, tee <[email protected]> wrote: > I want to add an icon : url(icon-ui.png) to the div but can't find a way to > get it working. CSS3 allows two background images so I have the below which > however disables the gradient in FF and webkit browsers.
[snip] > background-image: -moz-linear-gradient(bottom, #57b0d7, #87C9EB); > background-image: -webkit-gradient(linear,left top,left > bottom,color-stop(0, #57b0d7),color-stop(1, #87C9EB)); One of the above lines will be discarded as an error in Gecko and WebKit. > background-image: url(../images/base_images/icon-ui.png) ; This line overwrites the previous value of "background-image" rather than setting "background-image" to be multiple images. http://www.w3.org/TR/css3-background/#layering http://www.w3.org/TR/css3-background/#the-background-image describes the comma-seperated syntax you want. -- Benjamin Hawkes-Lewis ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
