How to become an author
Search
Write a publication
Pull to refresh

Comments 40

Можно проще
в ие пнг отображаются посредством css-свойста filter, если точнее, то так: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<img.src>,sizingMethod=scale);
Прозрачность устанавлиется так же свойством filter, то есть filter: Alpha(opacity=n)
При выполнении скрипта, меняющего прозрачность, получается вот что: свойство filter меняет значение с AlphaImageLoader на Alpha(opacity=n), т.е. картинка у нас теперь отбражается Alpha(opacity=n)(т.е. с серым фоном иешным), но спрозрачностью.
решение: картинку поместить в обёртку(например div) и менять значение прозрачности ей
Total votes 8: ↑5 and ↓3+2
пробовал, вроде бы не помогло…
Total votes 2: ↑0 and ↓2-2
Фильтры вообще-то складываются… На один объект их можно повесить несколько.
This comment wasn’t rated yet0
а нельзя такой скрипт сделать что бы у пользователей IE6 при заходе на страничку, автоматом устанавливался хотябы IE7.
Total votes 4: ↑2 and ↓20
UFO just landed and posted this here
а я думал это шутка
Total votes 3: ↑3 and ↓0+3
Вообще то пользователи на модэме используют Opera и отключают картинки.
Total votes 2: ↑2 and ↓0+2
Думаю, если такой скрипт напишут (на JS?) — это будет окончательный крах для системы безопасности IE и WinXP в целом. :))
This comment wasn’t rated yet0
1000 раз описывается, ребята пользуйтесь поиском
1. Прозрачный png
2. Круглые рамки

Это все уже было и не раз
Total votes 21: ↑2 and ↓19-17
круто! а при чем тут анимация?
может сначала стоит вникнуть в суть описанной проблемы а потом посылать в жопу поиск?
Total votes 11: ↑9 and ↓2+7
а причем тут прозрачный Png в заголовке. При чем тут анимация?
Total votes 17: ↑3 and ↓14-11
для тех, кто судит статью исключительно по заголовку, поменял его на более точный
Total votes 7: ↑5 and ↓2+3
Извините тогда статья не о чем, так как не все пользуются IE.
Решение по анимации вообще не увидел…
Без обид
Total votes 24: ↑2 and ↓22-20
Простите, но Вы совсем не в тему.
При чём тут не все? ВСЕ нормальные вёбмастера стараются заставить свой сайт отображаться в IE. Так как пользователи им пользуются.
Человеку понадобилось что-то сделать, он сделал не плохой ресёрч и добил проблему. Поделился с нами, а вы критикуете не по делу.
Автору огромное человеческое спасибо за статью, плюсанул везде.

p.s. Я вот на одном из проектов тоже имел мнго сложностей с пнгшками в IE, когда понадобилось их не просто показать.
Как запустим проект, обязательно поделюсь опытом, бо ничего подходящего не нашёл даже в.комнете. Приглашаю Вас там тоже понегативить ;)
Total votes 4: ↑4 and ↓0+4
не обращайте внимание, тут пример класический идипо «чукча не читатель, чукча писатель»
Total votes 9: ↑8 and ↓1+7
честно говоря, увидев заголовок «анимация png» я было решил, что вы научились выводить анимированные png в ie :-) Но с другой стороны более точный заголовок придумать не могу.
Total votes 1: ↑1 and ↓0+1
Ну давайте «по-троллим» меня.

Мы сами создаем Хабр.

Если у нас блог будет крутиться на статьях как эта или как положить div поверх flash — то «единица полезности информации» будет стремиться к нулю.

А если человек сам не понимает для чего и зачем он пишет о проблеме анимации в IE из-за png — то полезности от этой статьи ноль. Так как способы борьбы с прозрачным IE описывались многократно — а пример анимации работает только в IE.

В чем полезность данной статьи?
Что вы защищаете?
Total votes 14: ↑4 and ↓10-6
Ну так покажите пример ударными постами несущими много полезной информации, кто мешает то.
Total votes 2: ↑1 and ↓10
Когда действительно полезно пишу, было 1 раз пока :)

Тут больше поражает не знание материала

Известный факт, цитирую:

«Основная проблема с AlphaImageLoader заключается в том, что он влияет на производительность страницы, и тем самым ухудшает пользовательское восприятие. Я утверждаю, что стоит избегать использования AlphaImageLoader во всех возможных случаях.»

А делать еще и анимацию через него — это преступление.

Чему учат такие авторы.

Статья чистой воды графоманство… написана, а бы написать.
Total votes 7: ↑4 and ↓3+1
Вы по-моему даже не читали статью… Человек пишет про то, что ему надо было создать плавную fade анимацию png картинки. Человек нашел нормальный выход — 5 картинок друг над другом, пусть это и костыль, но это лучше, чем всевозможные глюки при иных способах.

Статья в чем-то полезна, и вместо тупых заявлений — Вы бы лучше пошли и что-то свое написали, ага ;)
Total votes 1: ↑0 and ↓1-1
ага, издеваюсь над пенсионером, как хочу))
Total votes 2: ↑1 and ↓10
это он над нами издевается :(
Total votes 3: ↑2 and ↓1+1
Пора бы уже блог создать — IE и PNG. Просто целое ответвление веб-программирования — борьба с багами IE.
Total votes 6: ↑6 and ↓0+6
Добавте в статью:

Если использовать alpha-фильтр на тексте (который по умолчанию в IE7) со сглаживанием (antialiasing) — то получаем на выходе те-же косяки, что и в примере «Filters и неоправдавшиеся надежды». То есть, вместо красивого прозрачного шрифта — получаем полужирный ступенчатый шрифт без сглаженностей (antialiasing).
Total votes 3: ↑3 and ↓0+3
Спасибо за комментарий!
Добавил в статью.
Total votes 2: ↑1 and ↓10
добавьте для шрифта background
Total votes 1: ↑1 and ↓0+1
Иногда, как вы можете догадаться, это не входит в планы дизайна :)
This comment wasn’t rated yet0
А вы знате? что в ие нельзя совмещать opacity и alpha каналы? в частноти при использовании анимации (Плавное появление обьекта) и этот баг существует с 5.5 ие по 8 включительно, кто то знает решение данной проблемы?
Total votes 1: ↑1 and ↓0+1
почему же нельзя? можно, только для ie6 прозрачность придётся задавать не объекту с AphaImageLoader, а его обёртке, в 7 и 8 можно и напрямую прозрачность задать png-изображения. собственно в первом комменте подробно описал ситуацию
Total votes 1: ↑0 and ↓1-1
Собственно автоматический фикс для ie6 на jquery: docs.jquery.com/Tutorials:PNG_Opacity_Fix_for_IE6
Жалко только этот способ не прокатит в тех случаях где png используется в качестве фона.
This comment wasn’t rated yet0
:PNG_Opacity_Fix_for_IE6 — это часть ссылки.
This comment wasn’t rated yet0
Было бы значительно полезнее, если бы ваш пример с фейдингом png изображений был кроссбраузерным.
Вот тогда однозначно Must Have.

Мне бы хоть какой-то более-менее адекватный способ реализовать кроссбраузерный rollover png изображений c 8-битным альфаканалом, а то во всем великом и могучем Интернете видел только какие-то слишком корявые способы без вменяемых рабочих примеров, которые не рискнул брать для использования в промышленных масштабах, кнопочки в ИЕ6 так и остаются либо без подсветки, либо в Gif'ах.
Total votes 1: ↑1 and ↓0+1
Тут в комментах мне кто-то посоветовал использовать fade transition в IE. Попробую, если она с png будет нормально работать, то сделаю кроссбраузерный скрипт, который в IE будет делать это через Transition, а в остальных браузерах через изменение прозрачности
Total votes 1: ↑0 and ↓1-1
Может стоит подойти к решению этого вопроса с другой стороны? Например, для анимации лучше подходят transitions, в этом случае может помочь Fade.
This comment wasn’t rated yet0
Попробовал сделать через transition, но, к сожалению, оригинальная полупрозрачность png сразу пропала =(
Total votes 1: ↑0 and ↓1-1
Странно, у меня в 7-м все работает. Чтобы не было проблем с полупрозрачностью, картинке нужно в принудительном порядке прописать background-color как у фона
This comment wasn’t rated yet0
Для тех, кто не понимает или не хочет понять суть проблемы (привет Tvarb):
www.projectcrankwalk.com/jquerybox/test.htm# — попробуйте нажать Open Box в IE7.
Кстати, примерно такая же ситуация и с Chrome, разница только в цвете рамки, в Chrome она белого цвета.
Total votes 1: ↑1 and ↓0+1
Sign up to leave a comment.

Articles

Show the best of all time

Your account

Sections

Information

Services

Support
© 2006–2024, Habr