Question

我正在使用IE6的以下PNG修复：

http://www.dillerdesign.com/experiment/DD_belatedPNG/

因此在我的文件的头部引用它：

<!--[if lt IE 7]>
<script type="text/JavaScript" src="../../Scripts/DD_belatedPNG_0.0.8a-min.js" defer="defer"></script>
<script type="text/JavaScript" src="../../Scripts/DD_PNG_listing.js" defer="defer"></script>
<![endif]-->

在任何jQuery脚本等之后也会引用它。

我有一张表格，里面有24位PNG文件。这个表嵌套在一个带有overflow：div的div中，一旦表内容超出包含div的高度，就会滚动。

示例表行：

    <tr class="odd">
    <th scope="row">
        <input type="checkbox" value="" name="check1b" id="check1b">
    </th>
    <td>
        CIF NWE

    </td>
    <td>
        USD/MT
    </td>
    <td>

        <img height="6" width="7" alt="Price movement indicator: Down" src="/content/images/icons/icons_red_down_arrow.png">

    </td>
    <td>
        -1.00

    </td>
    <td>
        1107.00
-1120.00

    </td>
    <td>

        <img height="6" width="7" alt="Price movement indicator: Down" src="/content/images/icons/icons_red_down_arrow.png">

    </td>
    <td>
        -2.00

    </td>
    <td>

<a href="#" class="spot_quote">
    SPOT
    Quote </a>
    </td>
</tr>

IE6中的问题是，当我滚动div时，PNG图像保持不变，不会滚动表内容的其余部分。

任何想法。

Answer 1

添加位置：相对于div与overflow-y：auto（父div）

Answer 2

特定的PNG修复脚本以涉及VML的复杂方式工作。据推测，这与溢出效应不相容。

尝试不同的脚本;有很多可供选择。去一个简单的，只是为了替换几个未缩放的，未经过处理的图像，不需要任何更高级的脚本。

Answer 3

由于您已经在页面上获得了jQuery，因此您可以尝试基于jQuery的修复：http://jquery.andreaseberhard.de/pngFix/。您也可以尝试这个：http://www.ideashower.com/our_solutions/png-hover/。

但我真的不喜欢任何基于AlphaImageLoader过滤器的解决方案。我只使用.GIF，边缘与背景颜色相匹配，这对我来说效果很好。

让我们知道什么有效！

ie6 PNG修复导致24位PNG图像嵌套在具有溢出自动的div时不滚动

3 个答案: