Grow your CSS skills. Land your dream job.

logo background

  • # May 4, 2009 at 3:57 am

    when i set a logo(as a transparent image) in my site .In IE6 it shows with background color but i want no background color: how i control it? pls help me.

    # May 4, 2009 at 6:22 am

    Well, what I do is…import that png file in photoshop, insert a new layer below it and paste the supposed background there. Then I adjust this png file in Dreamweaver in such a way that it is just above the same area copied from the background.

    # May 4, 2009 at 12:46 pm

    IE6 does not support PNG-24 with transparent backgrounds. There are MANY MANY MANY fixes available on the interwebs.

    I recommend adding this in your <head>:

    <!–[if lt IE 7]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js&quot; type="text/javascript"></script>
    <![endif]–>

    If that doesn’t work, you’ll have to search for other options.

    Rob
    # May 5, 2009 at 5:18 am

    As doc said – but for that fix just make sure you rename all the pngs that have transparency to include -trans.png at the end example:

    myimage.png

    should be

    myimage-trans.png

    # May 7, 2009 at 4:50 am

    try this one

    in your main css file

    div.logo_container{
    width:468px;
    height:48px;
    background:url(../images/logo.png);
    background-repeat:no-repeat;
    }

    in your ie6 hack

    <!–[if lte IE 6]>
    <style>
    div.logo_container
    {
    background-image: none;
    filter:
    progid:DXImageTransform.Microsoft.AlphaImageLoader(src=assets/images/logo.png,sizingMethod=’scale’);
    }
    </style>

    <![endif]–>

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".