Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Web Design (WordPress, Joomla, etc.) hiding headings and PNG transparency

  • hiding headings and PNG transparency

    Posted by David Labbe on January 23, 2009 at 4:48 pm

    I have just a couple of questions. I was looking over at CSS ZenGarden.com and was looking at their css layout. They all use background-color:transparent;…..why? is this to cover up for older browsers? Also..what technique are they using for image replacement for the headings? I looked through the css but had a hard time figuring it out. I am a few months new with css.
    Final question…if I am using png transparency should I be using a hack for older browsers and if so what is the best practice for this?
    thanks for your time.
    David ♠

    Fernando Mol replied 17 years, 3 months ago 2 Members · 1 Reply
  • 1 Reply
  • Fernando Mol

    January 23, 2009 at 7:39 pm

    Also..what technique are they using for image replacement for the headings?

    #pageHeader h1 span {
    display:none
    }

    Personally, I prefer the “offleft” technique, because display:none will make the text invisible to screen readers.

    They all use background-color:transparent;…..why? is this to cover up for older browsers?

    The default value of the background-color property is transparent, so this is redundant. As far as I know this will not give you any problem in older web browsers.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy