Question

我正在尝试让unitpngfix工作，但我似乎无法让png显示在IE6中。

这是我的代码：

<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>

我在正确的地方得到了clear.gif并且链接到正确等等，所以我无法理解它为什么不起作用。

Answer 1

我也遇到过unitpngfix的一些问题，我真的不喜欢使用[if lt IE 7]并在html中嵌入样式。我发现this jQuery插件不引人注目，适用于IE6中的PNG图像和CSS背景。

Answer 2

两件事 1.你没有clear.gif文件或 2.如果你有它打开单位pngfix.js文件并检查第一行中设置的路径是否正确

Answer 3

不是您问题的直接答案，但您可能需要查看DD_belatedPNG。在我看来，这是最好的PNG修复。

Answer 4

试

background-image: url(corner.png);

让unitpngfix工作

4 个答案: