Пропустить навигацию

Highe® — Веб и стандарты


IE7.js version 2.0 (beta)

11.01.08 , , ,

IE7 — это библиотека JavaScript, заставляющая работать IE как standards-compliant браузер. Решает множество HTML и CSS проблем, в т.ч. PNG прозрачность в IE5, IE6.

IE7.js

Обновляет MSIE5-6 до соответствия MSIE7

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE7.js" type="text/javascript"></script>
<![endif]-->

IE8.js

Добавляет в MSIE5-7 дополнительные особенности CSS, не поддерживаемые MSIE7.

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE8.js" type="text/javascript"></script>
<![endif]-->

Если вы используете IE8.js, нет необходимости включать в страницу IE7.js

PNG

Скрипт исправляет PNG прозрачность в изображениях с именами *-trans.png

Скачать

IE7.js

Селекторы CSS

Селектор Комментарии Примеры
parent > child   html
adjacent + sibling   html
adjacent ~ sibling   html
.multiple.classes IE5/6 bug fixed (also applies to pseudo classes) html
:hover   html
:first-child   html
[attr]   html
[attr="value"]   html
[attr~="value"]   html
[attr|="value"]   html
[attr^="value"]   html
[attr$="value"]   html
[attr*="value"]   html

Свойства CSS

Свойство Комментарии Примеры
background-attachment поддержка fixed positioning html
background-image PNG alpha transparency (IE5.5+) html
bottom height implied if top is supplied html
cursor поддержка pointer в IE5.x html
display приведение list-item в block в IE5.x  
font-size исправляет размеры шрифтов, заданные словами (IE5.x) html
margin поддержка auto (IE5.x) html
max-height   html
max-width   html
min-height реализовано для IE5 в т.ч. html
min-width   html
overflow поддержка overflow:visible html
position поддержка fixed positioning html
right width implied if left is supplied html

HTML

Элемент Комментарии Примеры
abbr IE5/6 bugs fixed html
img PNG (IE5.5+) alpha transparency html
label bind to the first child control html

Другие баги

Bug Комментарии Примеры
Doubled Margin* Position Is Everything html
Peekaboo* Position Is Everything html
Unscrollable Content* Position Is Everything html

*Данные исправления не включены в стандартную библиотеку IE7 и находятся в отдельном модуле ie7-squish.js.

IE8.js

Селекторы CSS

Селектор Комментарии Примеры
::after   html
::before   html
:active   html
:focus   html
:checked   html
:contains()   html
:disabled   html
:empty   html
:enabled   html
:indeterminate   html
:lang()   html
:last-child   html
:not()   html
:nth-child()   html
:nth-last-child()   html
:only-child   html
:target   html

Свойства CSS

Свойство Комментарии Примеры
border-spacing HTML tables only html
box-sizing content-box (assumed) html
content Supports the use of attr() and url() html
opacity IE5.5+ html

HTML

Элемент Комментарии Примеры
button[type=submit] value submitted rather than innerText html
form only submit successful controls html
object improved support for type=image/* html

Источник

Комментарии

  1. “Если вы используете IE8.js, нет необходимости включать страницу IE7.js”

    Уже есть!


    — Sam    Jan 11, 05:47 PM    #
  2. Насколько эта штука глючная?


    — Максим Покровский    Jan 15, 07:08 PM    #
  3. Штука пока сырая


    higher    Jan 15, 09:36 PM    #
  4. Обеспечение прозрачности .png нормально работает?


    — Алексей    Jan 20, 09:53 AM    #
  5. Если смотреть по тестам, приведенным в таблицах, то все работает вполне нормально. Похоже глючить начинает при использовании других .js библиотек. Я бы не торопился использовать эту версию, думаю просто стоит иметь ввиду, что есть такая библиотека и вполне возможно в будущем ей можно будет смело пользоваться


    higher    Jan 23, 12:20 AM    #

 

 

В архив


Закругленные углы в CSS3

Тема конечно избита, но хотелось бы немного глубже затронуть проблему поддержки свойства border-radius в современных браузерах и разобраться в нем.

дальше →

CSS Styleguide — улучшение читабельности кода

Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов.

дальше →

Media-запросы

Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства

дальше →

Стандартный режим, режим обратной совместимости и DOCTYPE

Еще раз хочу вернуться к данным режимам, их выбору, переключению и DOCTYPE

дальше →

Все статьи

бизнес, браузеры, веб-стандарты, верстка, дизайн, микроблоггинг, мобильные устройства, редакторы, фотогалерея, alistapart, chatvdvoem.ru, css, css3, email, html email, javascript, photoshop, png, progressive enhancement, renoter, svg, textmate, textpattern, usability, validation, vml

Полезные ссылки

23.09.08

  • Using jQuery for Background Image Animations
  • jParallax
  • Test your color IQ
  • 80 Large Background Websites
  • 20 Free Page Analysis Tools