Hey guys, i have created the local.css file, and added it to the corporate clean.info, and my code was this...

#content { background: transparent url("images/tower_bg2.jpg"); repeat-x; }

This works great in every browser except for IE9. I have tried saving as a png, and using relative and absolute paths but nothing has changed.

I wanted the image to load over the gradient, as the image is the same green colour as my green gradient, so when it loads it looks nicer than if it was loading over black. So to do this i changed it to....

<!--
body
#content {
	
	background-image:url("images/tower_bg2.jpg");
	background-repeat:repeat-x;

}

-->

This shows the gradient the second the page opens, then the background image loads immediatly over the top. This works great in every browser, but again, not in IE9.

Can anyone help with this? Is it a problem with the code? or is there a fix?

Someone told me i could use filters? Ive never used them before and dont know where to begin!

Thanks for any help you can give me.

Chris

Comments

Collins405’s picture

Collins405 commented

I DID IT! this has been killing me all week!

all i did was add a filter for ie9, and the background images finally showed up!!

my original code in the local.css file.

#banner { background: transparent url("images/bgMainEdit.png"); repeat-x; }

and now:....

#banner { 
	background: transparent url("images/bgMainEdit.png"); repeat-x; 
		/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgMainEdit.png",sizingMethod='scale');
 
}

sorted!

Collins405’s picture

Collins405 commented
Status: Active » Fixed
gtsopour’s picture

gtsopour commented
Category: bug » support

Changed to support request.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.