css - Background image not showing up in IE9 -


other browers chrome shows fine. ie9 shows gradients no images.

code css

body { background:   url('../images/adventure/background.png')  background: url('../images/adventure/background.png'), -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 40%, rgba(149,147,160,1) 100%); /* ff3.6+ */ background: url('../images/adventure/background.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(255,255,255,0.4)), color-stop(100%,rgba(149,147,160,1))); /* chrome,safari4+ */ background: url('../images/adventure/background.png'), -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* chrome10+,safari5.1+ */ background: url('../images/adventure/background.png'), -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* opera 11.10+ */ background: url('../images/adventure/background.png'), -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* ie10+ */ background: url('../images/adventure/background.png'), linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 40%,rgba(149,147,160,1) 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00ffffff', endcolorstr='#9593a0',gradienttype=0 ); /* ie6-8 */ 

you need closing semicolon (;) on first background this:

background: url('../images/adventure/background.png'); 

Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -