WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts

WeLoveCSS > WEB DESIGN > Graphics & Multimedia > Png8 and IE8

  Thread Tools Display Modes
Old 23rd July 12, 09:03 AM   #1
WLC Member
Join Date: Apr 2011
Posts: 3
Default Png8 and IE8


Sorry about the noob question up front.

I have a graphic that contains 3 graphics (sprite). The graphic is around 600px x 220 px and only contains transparent pixels for the purpose of separating the 3 individual graphics.

I have always saved it as a png8 because it gives me the best file size. png8 = 13k, png24 = 24k jpeg = 32k, gif = 18k.

Recently whilst making some updates, I decided it would be best to rearrange the 3 individual graphics, so instead of aligning them vertically, one after another, it would be more efficient to align them horizontally side by side.

All is well in firefox, however I have a problem in ie8 and wonder if there is a solution that I'm missing.

The problem I have is this. One of the graphics is set on a linear gradient background. It contains an icon style image and 2 text elements.

When it renders in ie8 the icon is fine, the text is fine, but the background gradient is missing and is simply replaced by the background color from the css.

Any ideas?

Thanks in advance.
sephiroth100 is offline   Reply With Quote
Old 31st July 12, 02:23 AM   #2
meesa's Avatar
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,716
Default Re: Png8 and IE8

It's no more efficient to move an image to the side than it is up and down, just put it back how it was. Also, you're in Kb, don't worry about size.
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote

Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 05:01 AM.

Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.