Határon böngésző CSS3, vagy hogyan kell kezelni az Internet Explorer, poltor

Kezdőlap Cikkek cross-browser CSS3, vagy hogyan kell kezelni az Internet Explorer

Bármilyen web designer vagy coder tudja, hogyan CSS3 életét teszi könnyebbé, felgyorsítása és optimalizálja az elrendezést folyamatot. Tulajdonságok, mint a «border-radius», «box-shadow» lehetővé teszik, hogy ne lehessen a felesleges képeket és több tucat sornyi kódot, ami viszont felgyorsítja a folyamatot elrendezés a helyszínen, és növeli a letöltési sebességet. Használata CSS3 művében voltam szembe azzal a problémával, cross-browser, és ez megjelenik a régi brauzeroh helyszínek és természetesen az Internet Explorer. Ma azt fogja mondani, hogy milyen módon tudom használni, hogy elérjék a határokon böngésző CSS3, beleértve az Internet Explorer.

Vessünk egy közelebbi pillantást számos módszer, hogy lehet használni, hogy elérjék krssbrauzernogo használatát CSS3.

Töltse szkriptek és másolja őket egy mappába a CSS stílusokat. Itt a lista a szkripteket, hogy szükségünk van:

CSS3 PIE asszisztensünket dolgozni IE. PIE «betanítási» Internet Explorer megérteni CSS3.V CSS3PIE letöltési mappa tartalmazza az összes szükséges fájlokat számunkra. Fogjuk használni PIE.htc fájlt. és utalnak rá CSS-en keresztül, ez szükséges, hogy azt ugyanabban a mappában, hogy a fájlok és stílusok.

Ebben a példában fogom használni a Google-tárhely MooTools könyvtár Ehhez én egyszerűen helyezze a szükséges kódot a fejét:

Mi, valamint, tudja használni jQuery, hogy alternatív CSS3 text-shadow. Minden, amire szükségünk van -, hogy töltse le a jQuery szöveges árnyék bővítmény, és csatlakoztassa a jQuery:

Ok, most már lehet kezdeni a problémák megoldása krossbrauzesti CSS3.

Lekerekített sarkok (border-radius)

Kerekítési a sarkokban - talán a legjobb, hogy nekünk CSS3. Szerencsére akkor tudja használni, és ne félj, hogy nem megfelelően jelenik meg az Internet Explorer. Ez segít nekünk CSS3PIE.

viselkedés: url (PIE.htc);

Mint látható, már csak be kell „ok” PIE szkript a tulajdonságok border-radius.

SHADOW blokk elemek (BOX-árnyék) RGBA SZÍN

Az ugyanúgy, mint a border-radius, támogatja az Internet Explorer lekerekített sarkok, akkor csak meg kell csatlakoztatni a PIE forgatókönyvet. Ne feledje továbbá, hogy tudjuk használni RGBA értékeket.

box-árnyék: 5px 5px 5px RGBA (0. 0. 0. 75);

viselkedés: url (PIE.htc);

Ön is használja a RGBA színét, ha előírják ingatlan «background-color».

Ismét használjuk -pie- előtag:

háttérben. url (img / flash.png) 20px 20px nem ismétlődik. url (img / airplane.png) 90px 50px nem ismétlődik. # 00BFF3; / * A modern böngészők * /

-pie- háttérben. url (img / flash.png) 20px 20px nem ismétlődik. url (img / airplane.png) 90px 50px nem ismétlődik. # 00BFF3; / * IE6 + * /

viselkedés: url (PIE.htc);

Képkeret (határ-KÉP)

Az utóbbi tulajdonság, amely támogatja a CSS3 PIE - ez border-image:

border-image: url (border.png) 27 27 27 27 kerek kerek;

viselkedés: url (PIE.htc);

Kapcsolódó cikkek

• Megtanulják, hogy megértsék a internet explorer css3