I've completed a website for a Clent which includes a text header that fades in and out with different messages. The text banners are a series of PNG's on transparent backgrounds. I thought everything was great until I viewed the site in IE and even though there is no shadow behind the text, IE has black edges round the text when it fades:

 

The test website

 

Anyone have any idea why this is happending and why it only occurs in IE? Any help fixing it would be hugely appreciated. Incidentally, I know there are some other issues with the text site; the actual site is already completed (minus their fading text banners )

 

Thanks in advance.

Hi

 

Have you tried using gif's instead of png's - IE is extremely bad at png's through its filter: progid:DXImageTransform thingy that it uses to set opacity.

 

Why are you using images for text? Couldn't just use text ?

 

Cheers

 

Ysuran

Thanks for your input...I tried GIF's and got the same result unfortunately.

 

I used a small program to create the banner, not too sure how I could create the same effect with text only.

I can't see any images there at the minute.

 

There is a Jquery plugin slideshow that I have used and all you need is to list the images and alter the timeout and effects and it should work.

 

cycle JQuery

 

Regards,

Junior

Thanks Junior

 

After further research, it appears it's a transparency issue with IE so it doesn't matter how the slideshow is set-up, it's the images that are the problem. If I use GIF's or PNG-8, the issue is solved however, the text resolution is really poor.

 

So, I either need to find a hack for IE to fix the transparency for the fade effect or, work out how to get crips text using GIF's or PNG-8's.

 

Any takers?

Give this a try add to textslide0,textslide1 and textslide3

 

background-image:url(images/header.jpg);background-position:-290px 170px;

 

 

You've changed your scrolling image so I can't test it

I cheated in the end and put a background image in the div and then put the flower image into the slideshow images and saved them as JPG's...a bit of a pain but it seems to work okay.