IE7.js version 2.0 (beta)
11.01.2008 css, javascript, браузеры, веб-стандарты
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 |
“Если вы используете IE8.js, нет необходимости включать страницу IE7.js”
Уже есть!
— Sam Jan 11, 05:47 PM #Насколько эта штука глючная?
— Максим Покровский Jan 15, 07:08 PM #Штука пока сырая
— higher Jan 15, 09:36 PM #Обеспечение прозрачности .png нормально работает?
— Алексей Jan 20, 09:53 AM #Если смотреть по тестам, приведенным в таблицах, то все работает вполне нормально. Похоже глючить начинает при использовании других .js библиотек. Я бы не торопился использовать эту версию, думаю просто стоит иметь ввиду, что есть такая библиотека и вполне возможно в будущем ей можно будет смело пользоваться
— higher Jan 23, 12:20 AM #