Această pagină descrie CSS hacks pentru IE. folosind care aveți posibilitatea să atribuiți HTML element are anumite proprietăți care sunt înțelese numai în acest browser, dar ignorate altele.
CSS hacks pentru IE6
IE6 browser-ul are cele mai multe bug-uri și probleme cu înțelegerea standardelor W3C, cu toate că, pentru moment, el a fost foarte bun.
Hack folosind reguli CSS! Important
IE6 ignoră CSS regula! Important. atunci când selectorul este prezentă în una și aceeași proprietate mai mult de o dată. În acest caz, el pur și simplu intră și utilizează valoarea proprietății care este în codul de mai jos de altă parte, indiferent dacă sunt sau nu prioritatea specificată pentru el. Prin urmare, dacă specificați mai întâi proprietatea cu prioritate, și scrie mai jos același lucru, dar fără prioritate, atunci toate browserele vor alege prima opțiune, și IE6 - al doilea. Ca urmare, este valabil, sintaxa corespunzătoare a hack CSS pentru IE6.
Bine, dar cum să fac dacă am nevoie pentru a utiliza un element pentru o proprietate pe care ar trebui să funcționeze numai în IE6, dar și în alte browsere, nu are nevoie? Este foarte simplu. În primul rând, ca de obicei, scrieți această proprietate cu Important!. dar precizează înțelesul său, care este în mod implicit, și scrie mai jos la fel, dar cu valoarea necesară. Asta e tot. Prin modul în care se poate face și invers, setarea pentru toate browserele valoarea proprietății dorite, iar pentru IE6 instala în mod implicit. Totul depinde de ceea ce ai nevoie.
Exemplu de cod HTML si CSS Hack pentru IE6 :! și, în general, importante
Hack folosind * Selector html
Exemplu HTML si CSS: hack pentru IE6 și selectorul universal
Haq, folosind selectorul de filiale
IE6 nu înțelege selectori copil. care este o scuză foarte bună de a crea un hack, dacă vrem să fie „nu a vazut“ unele selectori cu proprietăți specifice.
html> selector corp <стили CSS>
Exemplu HTML si CSS: hack pentru IE6 și selectorul de copii
Hack folosind un subliniere sau cratimă
Acest hack CSS pentru IE6, utilizează o caracteristică a browser-ului de a recunoaște proprietățile CSS, precedate de caracterul de subliniere (_) sau o cratimă (-).
Exemplu HTML si CSS: un hack pentru IE6 și proprietăți cu o subliniere sau cratimă
CSS hacks pentru IE6 si IE7
La fel ca alte browsere, familia IE înțelege unele hacks de mai multe versiuni. Aici ne uităm la cei care susțin a șasea și a șaptea Internet Explorer.
Hack folosind expresia CSS
Exemplu HTML si CSS: expresie CSS în IE
După cum știți, IE6 nu înțelege CSS proprietate min-lățime. cu toate acestea, în acest exemplu, scriptul în cadrul expresiei calculează valoarea dorită și o inserează în proprietatea lățime.
Hack and slash cu asteriscuri
Dacă puneți o bară oblică (/) sau asterisc pentru a CSS-proprietăți (*), atunci seama că doar IE6 și IE7, și se bazează pe ceea ce hack.
Exemplu HTML si CSS: un hack pentru IE6 si IE7 cu o bară oblică și un asterisc
Haq a cu caracter!
În cazul în care separate printr-un spațiu după ce valoarea proprietăților CSS pune un semn de exclamare (!), Nu ignora doar browserele IE6 si IE7. Această caracteristică, și a servit pentru a crea un hack.
Exemplu HTML si CSS: un hack pentru IE6 si IE7 cu semnul!
CSS hacks pentru IE7
Se vorbește despre CSS hacks, care înțelege numai IE7.
Hack folosind selectori universale și adiacente
Internet Explorer a început sprijinirea selectoare adiacente de la versiunea 7.0, dar acest sprijin în Microsoft un pic exagerat. Faptul este că, în cazul în care crearea selectorului adiacent de a utiliza universal de selectare și selectorul de tag-uri HTML. nu ar trebui să funcționeze, pentru că tag-ul poate să nu fie vecini ( Ea nu contează). Cu toate acestea, o astfel de combinație de lucrări IE7, care a fost folosit pentru următoarea hack.
Exemplu HTML si CSS: hack pentru IE7 cu universal și selectorii adiacente
Hack folosind selectori universale și învecinate +: primul copil
Acest hack este similar cu cel anterior, doar selectorul adăugat pseudo CSS: primul-copil.
*: Primul copil + html selectorul <стили CSS>
Exemplu HTML si CSS: hack pentru IE7 cu CSS pseudo: primul-copil și selectorii versatil și sosoednim
CSS hacks pentru IE8
IE8 are un suport destul de bun pentru standardele W3C, cu toate acestea, și este uneori necesar să se utilizeze hacks pentru a remedia unele erori.
Haq folosind identificatori
În cazul în care foaia de stil plasat lângă (fără spații) doi identificatori. în conformitate cu sintaxa CSS, aceasta va însemna că vrem să se aplice stiluri pentru a HTML-element care conține atât identificatorul în același timp. HTML sintaxa, dar nu prevede existența unui element de doi identificatori (spre deosebire de clase), astfel încât, în mod logic, este un indiciu de browsere ar trebui să fie ignorate. Și IE8 sunt de acord cu acest lucru, adică, el ia o astfel de indicație, ca o eroare, dar alte browsere - nr.
Și acum despre hack. Dacă specificați selectorul CSS dorit, și prin virgulă împreună pentru a scrie doi identificatori, atunci IE8 nu va accepta un stil similar și va fi dor de tot ceea ce este în paranteze. Astfel, puteți crea CSS, care este înțeles de către toate browserele cu excepția a opta Explorer.
Exemplu HTML si CSS: pentru a hack IE8 ID-uri
CSS hacks pentru IE8 și IE9
Kaki, care realizează simultan browsere IE8 si IE9.
Haq a cu \ 0 /
În cazul în care valoarea finală a proprietății pus semne \ 0 /. toate browserele îl va lipsi, cu excepția IE8 și IE9.