ie6 Исправление PNG, из-за которого 24-битные изображения PNG не прокручивались при вложении в div с автоматическим переполнением - PullRequest
Новая
       8

ie6 Исправление PNG, из-за которого 24-битные изображения PNG не прокручивались при вложении в div с автоматическим переполнением

0 голосов
/ 12 июля 2010

Я использую следующее исправление PNG для IE6:

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.Эта таблица вложена в элемент div с переполнением: auto для прокрутки после того, как содержимое таблицы выходит за пределы высоты содержащего элемента.

Пример строки таблицы: 

    <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 остаются на месте и не прокручиваются вместе с остальным содержимым таблицы.

Любые идеи.

Ответы [ 3 ]

2 голосов
/ 16 ноября 2010

добавить позицию: относительно div с переполнением-y: auto (родительский div)

1 голос
/ 13 июля 2010

Поскольку у вас уже есть jQuery на странице, вы можете попробовать исправить это на основе jQuery: http://jquery.andreaseberhard.de/pngFix/. Вы также можете попробовать это: http://www.ideashower.com/our_solutions/png-hover/.

Но мне действительно не нравятся какие-либо решения на основе фильтров AlphaImageLoader. Я просто использую .GIF с краями, сшитыми под цвет фона, и это хорошо работает для меня.

Дайте нам знать, что работает!

1 голос
/ 12 июля 2010

Этот конкретный скрипт исправления PNG работает сложным образом с использованием VML.Предположительно, это не совместимо с эффектом переполнения.

Попробуйте другой скрипт;есть из чего выбирать.Выбирайте простое, так как просто для замены пары немасштабированных, несвязанных изображений нет необходимости в более сложных сценариях.

...