Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorthomas_p
    • CommentTimeMar 29th 2006
     permalink
    Just doing a site where some of the elements have a transparent png for the background-image.
    In firefox these elements are sometimes picking up other bits of background (not whats underneath) eg the background-image from the body, or text from an element next to it.
    any ideas?
    thanks
    •  
      CommentAuthorkayloe
    • CommentTimeMar 29th 2006
     permalink
    I've done a lot of mucking around with transparent PNGs and they end up being a BIG headache to use. Now I just avoid them unless it's for an 8 bit image in a simple application ie. a button or an embeded image. Basically, I think that if the PNG is not for Flash (where they work super well), I'm not going to waste any time on getting it to display correctly in all browsers. Life's too short!

    Can you post us a link to the site you are working on? Without seeing it there is no way to make a really helpful suggestion.
    • CommentAuthorbiozyn
    • CommentTimeMar 29th 2006
     permalink
    smth for solution of this you may see on h++p://designcollector.ru/png-v1 (more easy way but description is on russian) and on h++p://www.alistapart.com/stories/pngopacity/
    • CommentAuthorthomas_p
    • CommentTimeMar 29th 2006
     permalink
    I think it may have been browser cache although not sure as i had already cleared it...it seems to be working but it could be a change in the css
    thanks guys
    • CommentAuthorMcJay
    • CommentTimeMar 30th 2006 edited
     permalink
    And don't ya go using that alistapart method showing png's.. that's just one bloated piece of junk.. allthough it works. =)

    Here's for png backgrounds: http://www.allinthehead.com/retro/69
    And this little behaviour does the img's: http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html (Nice to have IE only method to fix IE only problems) ;)
Add your comments
    Username Password
  • Format comments as (Help)