powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Sprites и малыш IE6
7 сообщений из 7, страница 1 из 1
CSS Sprites и малыш IE6
    #35629541
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Скажите честно, кто-то поборол CSS Sprites под старину ИЕ6 с прозрачными png-шками?

Из того, что я нашел:
1. 30 августа pngfix выпустили v2.0 alpha 3, где побороли background-position для прозрачных файлов (к htc добавился еще js). Попробовал - действительно работает при выставлении спрайтов, но не хочет реагировать на :hover. Не поборол.
2. Unit PNG Fix - js-библиотека с будто бы работающим позиционированием. Во-первых, начинает "опрозрачнивать" пнг-шки уже после загрузки - вид печальный; во-вторых, :hover так и не заработал; в-третьих, тормоз редкий. Не поборол.
3. Способ с помощью crop. Очень интересно и очень даже кроссбраузерно, если бы не обязательное требование быть с абсолютным позиционированием: не нравится, так как надо ставить отслеживание и перерисовку положения при изменении размера окна. Да и высчитывать координаты постоянно - это не серьезно. Не подошло.
4. Услышал о таком методе, как Advanced CSS Sprites - принцип диафильма: родитель-контейнер в роли окошка и сама ссылка-картинка с изменяемым маргином. Вариант рабочий, но не очень нравится увеличение дом-структуры документа. Конечно, можно не создавать, а просто вставить скрипт: к примеру, с помощью jQuery это одна строчка на ссылку. Но этот вариант - крайняк, если не получится стандартно-библиотечными фичами.
5. Это если и вовсе на все плюнуть: резать фон, вставлять подложку и использовать jpeg'и или непрозрачные png-шки.

Очень бы хотелось подискутировать на эту тему: плотно слежу за форумом больше года и данная тема волновала всегда, но полное отображение она не находила. Да и наверняка не я один встречаюсь с этой проблемой ... кнопки-то точно не у всех прямоугольные, у кого-то со скруглением :)
...
Рейтинг: 0 / 0
CSS Sprites и малыш IE6
    #35630210
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
или сделай непрозрачные фоллбэки для шестерки (как extjs у себя делает), или мне нравится четвертый вариант. По одной строчке на ссылку не надо, надо просто найти за раз все нужные ссылки
...
Рейтинг: 0 / 0
CSS Sprites и малыш IE6
    #35631096
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Никогда не приходилось так активно заниматься кроссбраузерностью. Наконец-то удалось побороть полностью CSS Sprites под ИЕ6 - работает идентично в ИЕ6, ИЕ7 и ФФ3 (остальные не смотрел и не надо - в Штатах Оперой не пользуются).

Зато узнал сегодня 2 интереснейших глюка ИЕ6, о которых не знал ранее:
1. :hover для <a> работает только если у ссылки задан href. Не знал и не понимал, почему ховер не работал.
2. Для блочных элементов (в частности, div) с заданным float в ИЕ6 маргин удваивался. Решением служит установка display: inline. Правда, цитирую: " ... ценой такого решения станет отсутствие возможности задавать ширину для такого <div>, так же как и для всех других inline-элементов ... проблему можно обойти. Понадобится либо добавить padding для родительского элемента, либо задать его в самом <div>. На свойство padding действие бага не распространяется".

Век живи - век учись.
...
Рейтинг: 0 / 0
CSS Sprites и малыш IE6
    #35631128
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну раз пробелма была в href (я-то думал там что-то страшное и несовместимое), то пусть будет pngfix. Хотя задумайся, нужны ли тебе тормоза в и так тормозном умирающем бразуере ради полупрозрачных кнопок?:)
...
Рейтинг: 0 / 0
CSS Sprites и малыш IE6
    #35631148
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
О! Именно поэтому я вывел этот функционал в хак:
Код: plaintext
1.
2.
3.
<!--[if lt IE 7]>
	<style type="text/css">div, a {behavior: url(scripts/iepngfix.htc);}</style>
	<script type="text/javascript" language="javascript" src="scripts/iepngfix_tilebg.js"></script>
<![endif]-->
Кстати, Advanced CSS Sprites сделал без участия js - контейнер поместил изначально в страницу, чтобы потом с ДОМом не играться, а функционал обеспечивает CSS. Ни скорость, ни функциональность не пострадали.

Что касается целесообразности: пользователей ИЕ6 на самом деле еще очень и очень много, хотя эта цифра падает. На сегодня пользователей ИЕ6 в ру-зоне наибольшее количество - чуть менее 30%. У америкосов показатели использования ИЕ выше (w3s - самая лживая статистика и не выдерживает никакой критики с ее 43% ФФ :)). Поэтому обходить пользователей ИЕ6 не вижу в настоящий момент никакого сенса ...
...
Рейтинг: 0 / 0
CSS Sprites и малыш IE6
    #35631295
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я и не предлагаю обходить, много ИЕ6 юзеров в корпоротивных средах где политика безопасности очень тормозит прогресс :) я предлагаю "упростить" решение для ие6, во благо самих же юзеров, иначе от всех этих хаков, фильтров и htc шестерка начинает очень и очень прилично тормозить
...
Рейтинг: 0 / 0
CSS Sprites и малыш IE6
    #35631348
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть такое ...
Одно НО: сайтик небольшой - презентабельный. Так что можно и поизвращаться с полной кроссбраузерностью и идентичностью.
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Sprites и малыш IE6
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]