#jquery #png #cycle
#jquery #png #цикл
Вопрос:
Мне действительно нравится плагин jQuery cycle, но у меня серьезные проблемы с тем, чтобы заставить его вести себя надлежащим образом в IE8. Во всех моих циклах я использую файлы png с прозрачными пленками (ничем не отличается от любого другого современного сайта в Интернете). Они выглядят очень хорошо в ЛЮБОМ браузере, кроме IE, где я получаю уродливое черное затенение по краям градиентов и весь черный фон за одним из слайд-шоу. Я использую исправление ‘cleartype: true, cleartypeNoBg: true’ во всех слайд-шоу, а также следующее исправление CSS:
img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 amp; 7 */
zoom: 1;
}
В основном слайд-шоу у меня есть два перекрывающихся —http://microstrain.com
И в разделе с тремя нижними столбцами у меня запущен цикл в разделе «Обновление новостей».
Здесь была бы высоко оценена любая помощь!!! — Скотт
Комментарии:
1. Я не уверен, какую ошибку вы видите, но у PNG есть различные проблемы с различными IE. Попробуйте преобразовать png в gif и посмотрите, сохраняется ли ошибка.
2. По моему опыту, попытки заставить IE (за исключением, возможно, 9, хотя у меня есть сомнения) выполнять какую-либо компоновку изображений с использованием альфа-канала безнадежны. На самом деле удивительно, насколько это ужасно при таких базовых операциях.
3. @Khaz «преобразование» PNG с альфа-каналом в файл .gif вряд ли улучшит рендеринг альфа-канала 🙂
4. @Pointy, это зависит. Анимация непрозрачности (затухание) с последующим удалением альфа-фильтра может выглядеть хуже в формате PNG с альфа-каналом, чем в формате GIF. По крайней мере, GIF выглядит одинаково в каждой точке анимации. 😉
5. @eyelidlessness ну да, я уверен, что это правда, но это все еще представляет собой отказ от первоначальной цели дизайна (что, я согласен, вероятно, неизбежно в любом случае).
Ответ №1:
Я знаю, что вы устанавливаете масштабирование и прозрачность, но попробуйте установить их в div, охватывающем a, который охватывает тег изображения.
Недавно я столкнулся с этим на другом моем сайте и обнаружил, что тег ‘img’ не работает, но установка его на ‘[container] img’ сработала.