--=REKLAMA=--

Biblioteka IE7 Ewardsa

Z Joomla!WikiPL

Co to jest?

Biblioteka JavaScript IE7 została napisana przez Deana Edwardsa, aby ułatwić projektantom stron internetowych rozwiązanie problemów z obsługą CSS. Biblioteka naprawia szereg błędów starszych wersji IE oraz zapewnia poprawną obsługę przezroczystości PNG w przeglądarkach IE5 i IE6

Właściwości

IE7 zapewnia obsługę w przeglądarce Microsoft Internet Explorer standardów CSS i HTML określonych przez W3C:

  • obsługę zaawansowanych selektorów CSS:
    • selektorów potomka (rodzic > potomek)
    • przylegających elementów równorzędnych (+)
    • równorzędnych elementów przylegających (~)
    • atrybutów [attr], [attr="value"], [attr~="value"] etc.
    • .multiple.classes (naprawia błąd)
    •  :hover, :active, :focus (działają ze wszystkimi elementami)
    • pseudoklasy strukturalne :first-child, :last-child, only-child, nth-child, nth-last-child
    •  :checked, :disabled, :enabled
    •  :empty, :contains(), :not()
    • pseudoelementy :before/:after/content:
    •  :lang()
  • obsługa importowanych arkuszy stylów
  • preserves the cascade of the style sheet - zachowuje kaskadowość
  • does not alter the document structure - nie zmienia struktury dokumentu
  • does not repeatedly query the DOM tree using JavaScript
  • uses pure CSS to enforce style sheet rules - korzysta z czystego CSS w regułach stylów
  • obsługuje model blokowy W3C zarówno w trybie standardowym, jak i quirks (zgodności)
  • supports fixed positioning (flicker free) - obsługa pozycjonowania ustalonego (fixed)
  • obsługa overflow:visible
  • obsługa min/max-width/height
  • fixes broken (X)HTML elements (abbr, object)
  • standardised forms behavior
  • obsługa przezroczystości alfa PNG
  • niewielki skrypt (11KB)
  • działa z Microsoft Internet Explorer 5+ (tylko Windows!)

Aktualna wersja

Po opublikowaniu finalnej wersji MSIE7, Dean Edwards wznowił prace nad projektem nieaktualizowanym przez 2 lata.

  • aktualna wersja: 2.0 beta 3.

Projekt hostowany jest obecnie przez GoogleCode. Oprócz tej "różnicy", autor wskazuje na następujące:

  • IE7 is no longer modular. Instead I’ve merged the scripts into two: IE7.js and IE8.js
  • IE7.js zawiera obsługę jedynie tych własności, które obsługuje MSIE7.
  • Obsługa wszystkich innych własności została przeniesiona do skryptu IE8.js.
  • IE7 jest teraz o wiele mniejszą biblioteką (skompresowana: 11KB).
  • IE7 działa teraz o wiele szybciej (korzysta z silnika selektorów base2.DOM)
  • Nie ma zależności od innych plików (z wyjątkiem blank.gif)
  • IE7/IE8.js można połączyć (podlinkować) bezpośrednio do skryptu serwowanego przez Google

Stosowanie

IE7.js

Uaktulnia MSIE5-6 do zgodności z MSIE7

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

Albo, aby połączyć bezpośrednio ze skryptem serwowanym przez Google:

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

IE8.js

Zapewnia MSIE5-7 obsługę właściwości CSS nieobsługiwanych do wersji MSIE7 włacznie

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


Albo, aby połączyć bezpośrednio ze skryptem serwowanym przez Google:

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

Jeśli włączasz IE8.js, nie trzeba włączać IE7.js

PNG

Skrypt obsługuje przezroczystość obrazków PNG, które nazwano z przyrostkiem -trans: *-trans.png, np. obrazek-trans.png.

Niestety, nie można wykorzystać go do wypełnienia tła przez powtarzenie, a więc używając własności background-repeat. Nie można także zastosować we własności background-position.

Źródło

Zobacz

Narzędzia projektanta

Dziękujemy za wkład

» Stefan Wajda [zwiastun],