Clever Geek Handbook

Getting unitpngfix to work

I'm trying to get unitpngfix to work, but I can't seem to get the png to display in IE6.

This code of mine:

<html>
  <head>
    <style type="text/css">
      #boxouter {
        width: 12em;
        height: 12em;
        background: url(gradient.gif) #ffdf00 bottom repeat-x;
        position: relative;
        }
      #boxinnerbr {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 16px;
        height: 16px;
        background: url(corner.png);
        }      
    </style>
    <!--[if lt IE 7]>
            <script type="text/javascript" src="unitpngfix.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id="boxouter">
      <div id="boxinnerbr"></div>
    </div>
  </body>
</html>

I have clear.gif in the right place and linked to the right one, etc., so I just don't understand why it doesn't work.

+1


source to share


4 answers


I also had problems with unitpngfix and really disliked the use of [if lt IE 7] styles and html embeddings. I found this jQuery plugin which is unobtrusive and works well with PNG images and css backgrounds in IE6.



+2


source


two things 1. you don't have a clear.gif file or 2. if it has a unitpngfix.js file and check if the path set in the first line is correct



0


source


Not exactly a straightforward answer to your question, but you can take a look at DD_belatedPNG . This is the best PNG fix in my opinion.

0


source


try

background-image: url(corner.png);
-2


source






More articles:


All Articles