Я решил не обслуживать IE6. Какие вкусные CSS-эффекты я могу использовать?

Хорошо, во-первых, это не дискуссия о том, должен ли я обслуживать IE6. Я уверен, что сотни тем на S.O. где вы можете обсудить плюсы, минусы, доли рынка, javascript shivs и все остальное, что приходит с ним.

Скажем, я положил два пальца на IE6 и я игнорирую его существование -

что я теперь могу сделать по-другому в Кстати я стиль моих страниц?

Псевдо-селекторы?

Селектора родителя/ребенка?

Другие аккуратные вещи?

Какие новые свободы приходят с отказом от IE6?

Я знаю, что некоторые из вас будут испытывать зуд, чтобы сказать мне, почему я должен поддерживать ie6 или о js-исправлениях, что означает, что я могу использовать продвинутые селекторы и т.д. и т.д. - Пожалуйста, не тратьте свое/мое/наше время!

Ответы

Ответ 1

Теперь вы можете начать использовать веб-стандарты...

С IE6 с дороги вы можете начать использовать множество действительно приятных вещей. Ниже приведен список объектов , специфичных для IE6.

Новые функции

Исправлены ошибки в IE7:

Нетехнические вещи:

  • Экономия времени и денег
  • Отбросить 90% CSS-хаков

Ответ 2

Все еще зависит от того, какие браузеры вы хотите настроить. Еще много вещей, на которые нужно обратить внимание.

Здесь список неподдерживаемых функций в IE6 теперь можно использовать:

  • дочерний селектор (div > p)
  • соседний селектор sibling (h1 + p)
  • общий селектор (h1 ~ p)
  • цепные селекторы классов ( .class1.class2)
  • селектор атрибутов (a [href])
  • селектор потомков после: hover псевдокласс (div: диапазон hover)
  • цепные псевдоклассы ( a: first-child: hover)
  • : наведите указатель на элементы без привязки
  • : первый-ребенок
  • "виртуальные размеры" (размеры определяемые сверху, справа, слева, внизу, когда позиция: абсолютная)
  • min-height, min-width
  • max-height, max-width
  • прозрачный цвет границы
  • позиция: исправлена ​​
  • background-attachment: исправлены работы только на корневом элементе

На самом деле хороший ресурс, на который вы можете смотреть, - http://caniuse.com/ для просмотра того, что поддерживается там.

И, наконец, список ошибок IE6, которые были исправлены в IE7 - подробнее здесь

  • базовая альфа-прозрачная поддержка png
  • css дочерний селектор
  • ! важно более правильно работает
  • : поддержка первой буквы
  • ошибка частичного щелчка
  • window.XMLHttpRequest стал присутствующим, вместо ActiveXObject
  • Значок abbr распознается
  • выбор ошибки z-index разрешен как он становится без окна

Ответ 3

Я использовал этот сайт, чтобы не отставать от IE6/~ IE6 + странностей/обходных путей:

http://work.arounds.org/

Вы можете просмотреть, что работает на IE6, и похлопать себя по спине, что вам больше не нужно это делать;) Я думаю, что это "удовольствие" само по себе.. время сохранено!

По крайней мере теперь вы можете сосредоточиться 0 раз на IE6 и больше времени на IE7, проблемы IE8...

Ответ 4

В основном свобода - это ваше время, когда вам не нужно иметь дело с ошибками IE6, но большой прирост, который Грег еще не упомянул, - это дополнительные реляционные селектора: >, + и ~ ( ребенок и братья и сестры) и не беспокоиться о hasLayout так много.

Quirksmode расскажет вам, что вы можете и чего не можете сделать сейчас.

Ответ 5

Предполагая, что вы по-прежнему выбираете поддержку IE7, это будет ваша новая базовая линия.

В этом сообщении в блоге IE описываются улучшения IE7, сделанные над IE6: http://blogs.msdn.com/b/ie/archive/2006/08/22/712830.aspx?wa=wsignin1.0

В основном это сводится к тому, что меньше ошибок беспокоиться (многие ошибки CSS, проблемы с прозрачностью PNG).

Новые функции CSS ограничены, но полезны:

  • background-attachment: fixed
  • : наведение на все элементы
  • фиксированное позиционирование
  • min/max ширина/высота
  • улучшения селектора (дочерний элемент и атрибут)