xOr 10 янв 2008 в 08:42

Устранение мигания фоновых картинок в IE6

1 мин

1.5K

Веб-разработка *

+31

Комментарии 50

peroon2 10 янв 2008 в 08:48

Меня доставала эта проблема на одном из проектов. Если код заработает, то автору большое спасибо.

iDrum 10 янв 2008 в 08:53

работает.

zolotoy 10 янв 2008 в 09:39

Вот так с этим справились разработчики digg.com -
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

pashka_r 10 янв 2008 в 09:55

отличное решение... хозяйке на заметку

НЛО прилетело и опубликовало эту надпись здесь

lusever 10 янв 2008 в 10:59

Так немного правильней:
html { filter: expression(runtimeStyle.filter = '',document.execCommand('BackgroundImageCache', false, true));}

gunkin 10 янв 2008 в 11:17

во, спасибо ещё раз за раскрытие метода
всё работает отлично без JS

CurlyBrace 10 янв 2008 в 14:48

А expression это не js по-вашему? )

gunkin 10 янв 2008 в 16:29

спасибо, я другое имел ввиду

tap4an 10 янв 2008 в 09:39

благодарю!

aanto 10 янв 2008 в 09:52

Идея хорошая, но для IE6 обойдутся. Контент доступен и хватит с него.

NLS 10 янв 2008 в 10:20

Ууууууу

aanto 10 янв 2008 в 10:37

Всё настолько запущено? :)

NLS 10 янв 2008 в 10:49

Нехороший подход :) надо чтобы у всех хорошо было. Если юзер сидит под ИЕ это не повод лишать его красивостей :)

aanto 10 янв 2008 в 11:13

Ну это зависит от того, насколько эти красивости дорого обойдутся. В данном случае оно ещё допустимо, но вообще, если фича не ключевая, то я предпочитаю не делать её вообще, чем делать при помощи хаков или обходок.

Zibx 10 янв 2008 в 11:51

Надеюсь вы тогда пишете что-то типа «бэст вьювд виз фаер лис и опера тоже»?

aanto 10 янв 2008 в 12:04

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

Zibx 10 янв 2008 в 12:48

Понял, звиняюсь. Думал вы страшный нелюбитель ословодов, не кормящих их фичами в целях перевода на другие браузеры :)

xOr 10 янв 2008 в 11:39

Дело не только в том, что постоянно мигающие картинки раздражают.
Совершенно ненужная перезагрузка картинок оказывает дополнительную бессмысленную нагрузку на сервер.

НЛО прилетело и опубликовало эту надпись здесь

aanto 10 янв 2008 в 10:32

А, ну если вопрос в нагрузке, то это уже другое дело.

hsw 10 янв 2008 в 11:39

http://support.microsoft.com/kb/823727
"To activate this hotfix, you must add the following command to the body onload event of your Web page:
Document.ExecCommand("BackgroundImageCache", false, true);"

Нда. Теперь хотфиксы надо включать через JS.

elfiki 10 янв 2008 в 12:00

Вот микрософт вместо того, чтоб править браузер предлагает использовать для него хаки)
Хорошая политика)

grossu 10 янв 2008 в 15:08

Традиционная и устоявшаяся политика.

iyx 10 янв 2008 в 12:12

А поясните, плиз, вот эта проверка
document.uniqueID && document.compatMode && !window.XMLHttpRequest

детектирует IE6, судя по-всему?

hsw 10 янв 2008 в 12:53

Да.
Посмотри комментарии в коде к варианту 2 на http://forum.searchengines.ru/showthread.php?t=92087&page=3

iyx 10 янв 2008 в 13:25

Ага. Осталось понять, нафига тогда нужен try..catch. В смысле, зачем натягивать ещё один презерватив?

hsw 10 янв 2008 в 13:35

Есть IE6 без этого апдейта (и без SP1).
В нём вылетает Object error.

sunnybear 10 янв 2008 в 13:04

докатились. Используйте CSS sprites — и на вашей улице будет праздник
Если у ссылки задать background-image, а менять по наведению только background-position, то перезагрузки с сервера не будет требоваться

igorr 10 янв 2008 в 15:54

IE6 интересный браузер: фоновая картинка пропадает на пару миллисекунд при смене background-position, причем баг странный, появляется раз на 1000 тестов

maxgashkov 12 янв 2008 в 21:11

Пару миллисекунд? Завидую вашему зрению! :)

iyx 10 янв 2008 в 17:29

Навскиду придумал пару ситуаций, когда спрайты использовать невозможно. Докатился.. ;-)

consideredharmful 11 янв 2008 в 11:28

Соглашусь, CSS sprites рулят ;)

НЛО прилетело и опубликовало эту надпись здесь

twistedfall 10 янв 2008 в 15:23

Похоже, что это такой оригинальный способ привести переменную к булю.

avz 10 янв 2008 в 18:50

а просто "if(m)" не сработает разве?

iyx 10 янв 2008 в 19:06

Для красоты, видимо, сделано.. Ср.:

typeof(m) - function
typeof(!!m) - boolean

avz 10 янв 2008 в 20:41

var m = document.execCommand;
alert((m)?"true":"false");
alert((!!m)?"true":"false");

iyx 11 янв 2008 в 12:42

И что? Объяснили второклассникам, как JS приводит объекты к булевским значениям? :-) Зачем??

avz 11 янв 2008 в 16:48

Вы не поняли. Я сам понять хочу какой сокровенный смысл писать "!!m", если можно просто "m" - результат то одинаковый.

consideredharmful 11 янв 2008 в 11:29

Это идиоматический JavaScript...

avz 11 янв 2008 в 16:54

Это как?

НЛО прилетело и опубликовало эту надпись здесь

GeForester 10 янв 2008 в 19:22

Неправда, всего 721 :) http://www.google.ru/search?hl=ru&q=%D0%…

Allen 11 янв 2008 в 07:48

Если сайт работает на apache с включённым mod_expires, то можно написать в .htaccess что-то типа

# <IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
# </IfModule>

и не надо жабой страницы портить :)

НЛО прилетело и опубликовало эту надпись здесь

Зарегистрируйтесь на Хабре, чтобы оставить комментарий