Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-10-2008, 08:58 PM   PM User | #1
brazenskies
Regular Coder

 
Join Date: May 2008
Location: Oxford, UK
Posts: 422
Thanks: 14
Thanked 27 Times in 27 Posts
brazenskies is on a distinguished road
Transparent image issue

I am having some problems with image transparency in IE...

You can see my problem in the attached image.

Any suggestions of how I can fix this?

I've had a google around about transparency and IE but the image I create IS transparent, but just loses quality!
Attached Thumbnails
Click image for larger version

Name:	transparent.png
Views:	61
Size:	5.3 KB
ID:	6865  

Last edited by brazenskies; 11-10-2008 at 09:00 PM..
brazenskies is offline   Reply With Quote
Old 11-10-2008, 09:01 PM   PM User | #2
brazenskies
Regular Coder

 
Join Date: May 2008
Location: Oxford, UK
Posts: 422
Thanks: 14
Thanked 27 Times in 27 Posts
brazenskies is on a distinguished road
IE 6 only I think
brazenskies is offline   Reply With Quote
Old 11-10-2008, 09:01 PM   PM User | #3
BoldUlysses
Regular Coder

 
BoldUlysses's Avatar
 
Join Date: Jan 2008
Location: Winston-Salem, NC
Posts: 938
Thanks: 10
Thanked 190 Times in 187 Posts
BoldUlysses is on a distinguished road
Link to page? What version of IE? What's the image format (GIF, PNG-8 or PNG-24)?
__________________
matt | design | blog
BoldUlysses is offline   Reply With Quote
Old 11-10-2008, 09:03 PM   PM User | #4
BoldUlysses
Regular Coder

 
BoldUlysses's Avatar
 
Join Date: Jan 2008
Location: Winston-Salem, NC
Posts: 938
Thanks: 10
Thanked 190 Times in 187 Posts
BoldUlysses is on a distinguished road
If it's a PNG, here's an IE6 fix.
__________________
matt | design | blog
BoldUlysses is offline   Reply With Quote
Old 11-10-2008, 09:04 PM   PM User | #5
brazenskies
Regular Coder

 
Join Date: May 2008
Location: Oxford, UK
Posts: 422
Thanks: 14
Thanked 27 Times in 27 Posts
brazenskies is on a distinguished road
sorry, it's png8

I cant link to the page as it's password protected, although if you want to take the 30 seconds to login it it would be appreciated
brazenskies is offline   Reply With Quote
Old 11-10-2008, 09:06 PM   PM User | #6
brazenskies
Regular Coder

 
Join Date: May 2008
Location: Oxford, UK
Posts: 422
Thanks: 14
Thanked 27 Times in 27 Posts
brazenskies is on a distinguished road
Quote:
Originally Posted by msuffern View Post
If it's a PNG, here's an IE6 fix.
That was somtrhing I tried in the past, but my images are actually showing transparency fine, just losing the quality.

I'll take a closer look at it again
brazenskies is offline   Reply With Quote
Old 11-10-2008, 09:08 PM   PM User | #7
Apostropartheid
The Apostate


 
Apostropartheid's Avatar
 
Join Date: Oct 2007
Posts: 3,215
Thanks: 16
Thanked 265 Times in 263 Posts
Apostropartheid is on a distinguished road
IE6 cannot render alpha transparency, only index. Because of this, an images which have pixels with an opacity value between 0 and 1 exclusive, the pixel will display fully transparent and you will get this 'jagged' effect. Have you considered not using transparency or just leaving this 'low-fi' experience in place?
__________________
Blog | Twitter
Useful links: W3C HTML Validator | W3C CSS Validator | HTML 5 Guide
CF: HTML & CSS Resources/Tutorials Thread | HTML & CSS Posting Rules and Guidelines
Remember: no link, no code, no help!
Apostropartheid is offline   Reply With Quote
Old 11-10-2008, 09:10 PM   PM User | #8
brazenskies
Regular Coder

 
Join Date: May 2008
Location: Oxford, UK
Posts: 422
Thanks: 14
Thanked 27 Times in 27 Posts
brazenskies is on a distinguished road
I need the transparency as my script loops through some db values and prints out the images for each record, and the background fades as you go down the page.

I'll have a think and reconsider.

Thanks
brazenskies is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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 +1. The time now is 03:18 PM.


Advertisement
Log in to turn off these ads.