Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    PNG files not transparent in IE

    So i made my website with PNG transparent background images, which show up fine in Firefox, but do not have a transparent background in IE. How can I fix this?

  • #2
    New Coder
    Join Date
    Oct 2007
    Posts
    22
    Thanks
    0
    Thanked 4 Times in 4 Posts

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    where do i put the script? I always keep the original coders comments in being a coder myself. Thanks for the script.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't know if the js will fix the transparency for the pngs. It only fixes them for inline images. I'm afraid you'll need to find something else. You probably should have asked before you went ahead and used pngs with alpha transparency. We could have told you IE6 didn't support them. Can you post a link to your site? Chances are you probably don't need transparent pngs at all.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Quote Originally Posted by Exorcist464 View Post
    So i made my website with PNG transparent background images, which show up fine in Firefox, but do not have a transparent background in IE. How can I fix this?
    I've used the ds-sleight.js script for .png background images with minimal fuss on several sites. Keep in mind that it (or any other method used to get transparent .pngs in IE) only works on background images that don't repeat.

  • #6
    New Coder
    Join Date
    Sep 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks. So should I change them to a different format? Maybe when you look at th ewebsite you will get a better idea. My temp website is up at

    http://www.geocities.com/justinbgood07/

    The PNG files are for most of the curvy/smooth edged pictures.

    Suggestions?

  • #7
    New Coder
    Join Date
    Sep 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    notice this isnt the full website, and some images wernt uploaded, this is just thej general gist of it. only the first link "consulting solutions" works on that site, but the others use similar style and images, the folder tab style.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't see a need for transparent pngs. Just slice them up without their transparency and there you have it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    New Coder
    Join Date
    Sep 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    how do you slice em up when they have curvature?

  • #10
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    a transparent gif with a white matte will do the job for the links,

    while you can add a gray background instead of the transparency (use a jpg or a gif)

    if a png is REALLY needed, which i don't think so, but also a good readup from a reliable source : http://www.alistapart.com/stories/pngopacity/

  • #11
    New Coder
    Join Date
    Sep 2007
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks guys, I think i got all the information I need. I just gotta talk it over with the client and graphic designer, thanks a bunch guys! i love this forum

  • #12
    Regular Coder
    Join Date
    Dec 2002
    Location
    UK
    Posts
    177
    Thanks
    0
    Thanked 2 Times in 2 Posts
    I have to use Javascript fixes for PNG transparency on both of these websites:
    http://ecs.hiprmod.net http://hmd.hiprmod.net
    Basically it creates a new image with the IE-only alpha transformations applied over the existing one.
    Hopefully one day we won't need to bother as IE7 supports full PNG transparency.

    Stu
    if ($ENV{'QUERY_STRING'} eq "Afrow UK") {
    print "$ENV{'QUERY_STRING'} rocks!";
    } else {
    print qq~$ENV{'QUERY_STRING'} sucks :)~;
    }

  • #13
    New Coder
    Join Date
    Nov 2006
    Posts
    42
    Thanks
    0
    Thanked 0 Times in 0 Posts
    as a rule of thumb, always try and use GIFs as opposed to PNGs wherever possible.

    much less fuss in the end for a product that looks almost identical.

  • #14
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,932
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Can’t completely agree with that. PNGs (with 8 bit palette) are usually much smaller than GIFs regarding file size (except very small files) and also there are no further problems with PNGs at all except the alpha transparency in IE 6 and lower. Just don’t use it and you’re perfectly set.
    Plus 24/32 bit PNGs are much more flexible and in some cases still smaller than GIFs if you have more than 256 colors.
    Last edited by VIPStephan; 10-17-2007 at 12:12 AM.

  • #15
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Your site looks amazing but it does not need to use transparency.

    Keep it up!
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •