10 CSS фишек, которые станут доступны после исчезновния IE6
Вольный перевод статьи .
Наш старый «любимый» ослик ещё жив, не смотря на повальное обновление пользователями до восьмой версии. И как только (а процент использования альтернативных браузеров всё растёт) эта доходяга наконец умрёт, мы сможем использовать такие замечательные вещи как:
1. Использование дочерних селекторов
Не нужно больше использовать дополнительные стили для потомков, отменяющие предыдущие. С CSS2 правила применяются именно на дочерний элемент, а не на всех потомков.
2. Полноценное использование 24-битных PNG
С поддержкой альфа-каналов мы сможем (наконец-то!) использовать картинки с тенями и полупрозрачностью, не переживая за корректное отображение во всех браузерах.
3. Селекторы атрибутов
Отпадает нужда использовать классы для разных видов полей ввода, вроде <input class=»text» … />. Мы сможем можем стилизировать их, используя CSS2 – input[type="text"]. И даже делать выборку по значению атрибута (возможность из CSS3, поддерживается всеми современными браузерами, включая IE7)!
4. Дополнительные свойства отображения
Возможность использовать display:inline-block вместо плавающих блоков с последующем прерыванием потока clearfix‘ами или overflow:hidden.
(Для Firefox используйте display:-moz-inline-stack;)
5. Использование min-width and max-width
Чистый CSS для задания граничных размеров блока. Никаких expressions!
6. Избавление от 90% CSS хаков и причин для их использования
Что тут сказать… у ИЕ6 много глюков рендеринга про которые мы сможем забыть :)
7. Нормальное отображение аббревиатур (<abbr>)
8. Предсказуемый z-index
Никакой головной боли – почему слой X находится поверх слоя Y, когда должно быть наоборот? И мыслей, что сделали что-то не так… ан-нет! всё сделано правильно, это просто баги IE.
9. Экономия времени и денег
10. Получение удовольствия от своей работы :)
Но останутся 3 вещи, которые всё ещё нельзя использовать, пока не исчезнет IE7:
CSS счётчики, добавляющие динамику
Свойтво box-sizing, позволяющее выбирать блоковую модель
Продвинутый javascript (только в IE8 есть кое-какие улучшения в скриптовом движке)
Сообщение опубликовано: Среда, 15 Апрель 2009, 18:40 и размещено в рубриках: Веб-разработка. Вы можите читать эту запись через RSS 2.0.
Все опции закрыты.
Суббота, 3 Октябрь 2009 - 20:11
z-index в ие7 такой же как в шестом… inline-block тоже на 50% такой же как в ие6
Суббота, 21 Ноябрь 2009 - 20:29
Елки-палки, а я и нынешние-то CSS фишки не все знаю =)