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

Határon böngésző CSS3, vagy hogyan kell kezelni az Internet Explorer, poltor
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.

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

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».

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

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);

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

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