Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 80
Спасибо за полезную информацию. :) Думаю, что эта библиотечка может облегчить жизнь. :)
выглядит многообещающе. Попробуем. Спасибо за ссылку.
Выглядит хорошо. Попробуем на проектах.
Прицепил к странице, но, как ни странно, проблему png это не решило, тестировал на IE6
А вцелом тема полезная, потому что освобождает от кучи рутинной работы.
А вцелом тема полезная, потому что освобождает от кучи рутинной работы.
Я сам ещё не пробовал «пободаться» с PNG. Как попробую — откомментируюсь.
Про .png там написано:
The script only fixes images named: *-trans.png
Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.
Т. е. .png с прозрачностью надо называть *-trans.png. Непонятно зачем разработчик так сделал, но вообще для .png есть решение всего на 2 Кб — homepage.ntlworld.com/bobosola/pnghowto.htm, работает с теми именами файлов, какие есть. Но что там с background-repeat и position не знаю, не пробовал.
The script only fixes images named: *-trans.png
Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.
Т. е. .png с прозрачностью надо называть *-trans.png. Непонятно зачем разработчик так сделал, но вообще для .png есть решение всего на 2 Кб — homepage.ntlworld.com/bobosola/pnghowto.htm, работает с теми именами файлов, какие есть. Но что там с background-repeat и position не знаю, не пробовал.
есть решение для background-position и background-repeat, только ссылку не помню, но не думаю, что вам её будет сложно найти по ключевым словам.
но, какбы, достигается это клонированием дива или его позиционированием. т. е. скрипт может создать не одну сотню дивов с фильтром, а это никогда хорошо не сказывается на производительности
но, какбы, достигается это клонированием дива или его позиционированием. т. е. скрипт может создать не одну сотню дивов с фильтром, а это никогда хорошо не сказывается на производительности
Кстати, вот ссылка на это решение: IE Png Fix
Еще вот есть статья про то, как использовать PNG и background-position в IE 6:
cssing.org.ua/2008/10/01/clip-it-baby/
cssing.org.ua/2008/10/01/clip-it-baby/
Если подключать полупрозрачный png как бэкграунд через CSS то в IE6 незаработает, хоть ты тресни. Бэкграунд-репит, соответственно, тоже незаработает.
очень даже понятно зачем так разработчик сделал.
Не всегда же PNG использовать для передачи полупрозрачности.
Его ведь можно использвать и как толковую замену JPG, ибо для фотографий размер сравнительный, а деструкции нет.
Не всегда же PNG использовать для передачи полупрозрачности.
Его ведь можно использвать и как толковую замену JPG, ибо для фотографий размер сравнительный, а деструкции нет.
Да не, логика разработчика в принципе понятна, но просто складывается ощущение, что это экономия на спичках, приносящая лишние неудобства. Если используются, например, те же иконки famfamfam, то придется их все переименовывать и в коде соответственно править. Можно было бы это поведение сделать настраиваемым, например, чтобы все картинки из директории icons обрабатывались, а другие нет или как-то так.
По поводу png вместо jpeg для фотографий, вряд ли это правильно, у меня получалось, что фотография в png весит почти в 3 раза больше, чем jpeg очень хорошего качества.
По поводу png вместо jpeg для фотографий, вряд ли это правильно, у меня получалось, что фотография в png весит почти в 3 раза больше, чем jpeg очень хорошего качества.
Ну, кстати говоря, никто не мешает скачать этот файл себе локально (что на реальном проекте было бы сделано в любом случае), найти место где прописывается условие на -trans.png и заменить на что-нибудь свое.
Конечно, лишние телодвижения, но если выйдет быстрее, чем переименовывать — вполне логичное решение.
Конечно, лишние телодвижения, но если выйдет быстрее, чем переименовывать — вполне логичное решение.
А ведь это ещё нужно с PNG уметь работать… ))
Наверное это сделано с целью, чтобы скрипт не пытался сделать прозрачными те png в которых нет прозрачности.
Так а что трудно подправить js файл?
IE7_PNG_SUFFIX:"-trans.png"… на IE7_PNG_SUFFIX:".png"
IE7_PNG_SUFFIX:"-trans.png"… на IE7_PNG_SUFFIX:".png"
«для .png есть решение всего на 2 Кб — homepage.ntlworld.com/bobosola/pnghowto.htm, работает с теми именами файлов, какие есть» — да уж у них даже демка на сайте не работает )))
А надо-ли? ИЕ5 имхо вообще уже не стоит брать в расчет при верстке.
сколько пробовал их запустить-проверить, так и не вышло, постоянно ошибка js вылазит…
Угу, по началу тоже в восторге был, а потом, как начала замечать тормоза на больших проектах, оставил эту затею.
Да и либа уже не молодая.
Да и либа уже не молодая.
Протестил: некоторые вещи заработали, а некоторые нет :(
А такие надежды подавал… Но и так не плохо :)
А такие надежды подавал… Но и так не плохо :)
Убожественный скрипт… Лучше кодить без него…
О! Спасибо за ссылки и коммент!
Воистину!
Тем более, работает это All-in-one через пень-колоду
Тем более, работает это All-in-one через пень-колоду
мне вот нужно ксс свойство tagname[att='value'], есть такой скриптик?
jQuery? ;-)
Некрофилия на хабре
А это Вы к чему? :)
Типа, на ИЕ-юзеров плюем с высокой колокольни?
Или имелась ввиду «непервая свежесть» либы?
Типа, на ИЕ-юзеров плюем с высокой колокольни?
Или имелась ввиду «непервая свежесть» либы?
Может разработчику и удобно, но подумайте о юзерах. ИЕ6 и так позже отображает загруженную страницу, а теперь будет уходить лишнее время на парсинг и преобразование stylesheet с помощью яваскрипта.
ИМХО никакого практического значения это не имеет.
Поддержкой IE5 сейчас могут заниматься только отъявленные маньяки.
А с багами IE6 большинство верстальщиков хорошо знакомы и знают как их обходить без монстрических JS. Зачем лишний раз нагибать скриптами и так не быстрого старичка?
Поддержкой IE5 сейчас могут заниматься только отъявленные маньяки.
А с багами IE6 большинство верстальщиков хорошо знакомы и знают как их обходить без монстрических JS. Зачем лишний раз нагибать скриптами и так не быстрого старичка?
Практический пример-задачка:
как, не задавая дополнительных классов на строки таблицы, в ИЕ6-7 сделать расцветку-«зебру»?
(сам в данном случае смотрю в сторону DOM, но хотелось бы пользоваться стандартами CSS3, руки уже чешутся :))
как, не задавая дополнительных классов на строки таблицы, в ИЕ6-7 сделать расцветку-«зебру»?
(сам в данном случае смотрю в сторону DOM, но хотелось бы пользоваться стандартами CSS3, руки уже чешутся :))
И ради этого подключать 40кб скрипта, который ещё и кучу ненужного делать будет? Увольте.
В нормальной CMS для этого автоматически проставляются классы odd/even.
А если нужно три цвета? :)
красный
желтый
зеленый
красный
желтый
зеленый
Для этого есть стандарт, в котором описан псевдокласс nth-child()
Я очень хочу писать по стандартам. Поэтому я обрадовался появившейся возможности делать это.
красный
желтый
зеленый
красный
желтый
зеленый
Для этого есть стандарт, в котором описан псевдокласс nth-child()
Я очень хочу писать по стандартам. Поэтому я обрадовался появившейся возможности делать это.
>> Я очень хочу писать по стандартам.
А ваши пользователи хотят, что бы сайт нормально работал. Подумайте о них. Сайт делается для них, а не для поднятия своей самооценки.
Писать нужно не только по стандартам, но и «по реалиям».
А ваши пользователи хотят, что бы сайт нормально работал. Подумайте о них. Сайт делается для них, а не для поднятия своей самооценки.
Писать нужно не только по стандартам, но и «по реалиям».
Конечно я делаю сайты, одинаково работающие во всех современных (и не очень) браузерах, не сомневайтесь :)
Но хочется, чтобы всё было красиво не только снаружи, но и внутри. А Вам нет?
Но хочется, чтобы всё было красиво не только снаружи, но и внутри. А Вам нет?
Если это «красиво» нагибает бразузер посетителя, то это не мой метод.
Вы можете подумать, что я пропагандирую повсеместное использование представленного решения. На самом деле это не так. Я просто выражаю солидарность с его автором в том, что стандарты пишутся не просто так, а именно для того, чтобы облегчить жизнь и работу разработчикам. Чтобы у них больше времени оставалось на другие важные задачи, помимо борьбы с браузерами. Чтобы интернет стал красивым и быстрым :)
Нормальная CMS обладает достаточной гибкостью для подобных изменений.
А когда у вас при подключении библиотеки «IE7» всё начнёт работать вообще не так, как можно ожидать — тогда вы и поймёте, что она представляет не более чем академический интерес, особенно в настоящее время, когда на носу IE8.
В контексте же вашего желания писать по стандартам и использовать новые селекторы в старых браузерах, вам, возможно, покажутся интересными заметка Эрика Мейера и проект Джона Резига (автора jQuery) sizzle.
А когда у вас при подключении библиотеки «IE7» всё начнёт работать вообще не так, как можно ожидать — тогда вы и поймёте, что она представляет не более чем академический интерес, особенно в настоящее время, когда на носу IE8.
В контексте же вашего желания писать по стандартам и использовать новые селекторы в старых браузерах, вам, возможно, покажутся интересными заметка Эрика Мейера и проект Джона Резига (автора jQuery) sizzle.
Ничего особо нужного скрипт не поправил, png тоже не фиксит вылазит ошибка жабаскрипта в 3 строке 24015 символе, не вижу смысла в применение, продолжаем юзать кондишенал коммент :))))
Кто-то смотрит на телевизоре 50-х годов HDTV?
Библиотека не всегда способна устранить старые глюки — и зачастую добавляет новых.
Лучше использовать конкретные узконаправленные решения, которые могут занять не более двух-трёх строчек в CSS и/или нескольких в JS (благо информации в Сети хватает с лихвой!).
Тем более, что человек, который верстает продолжительное количество времени уже знает, как обойти или прибить определённый баг, а с этой библиотечкой появляется больше новых вопросов, чем возможностей, тем более — учитывая её «пухлость».
А новички тем более не должны пользовать её: им нужно учиться понимать, как избавиться от определённого бага, запоминать — чтобы впредь не наступать на грабли.
Я думаю, что мало кому бы понравилось, если бы доктор для того, чтобы вылечить простуду, заковывал бы пациента полностью в гипс, а реставратор заливал бы цементом и бетоном объект культурного наследия — и вешал бы на полученном фасаде растяжку с изображением, как постройка должна выглядеть.
Лучше использовать конкретные узконаправленные решения, которые могут занять не более двух-трёх строчек в CSS и/или нескольких в JS (благо информации в Сети хватает с лихвой!).
Тем более, что человек, который верстает продолжительное количество времени уже знает, как обойти или прибить определённый баг, а с этой библиотечкой появляется больше новых вопросов, чем возможностей, тем более — учитывая её «пухлость».
А новички тем более не должны пользовать её: им нужно учиться понимать, как избавиться от определённого бага, запоминать — чтобы впредь не наступать на грабли.
Я думаю, что мало кому бы понравилось, если бы доктор для того, чтобы вылечить простуду, заковывал бы пациента полностью в гипс, а реставратор заливал бы цементом и бетоном объект культурного наследия — и вешал бы на полученном фасаде растяжку с изображением, как постройка должна выглядеть.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
IE5+ и CSS3 — есть способ подружить!