Oricine este implicat în Web-design. M-am confruntat cu o astfel de problemă atunci când toate browserele afișa în mod normal stilul aplicat paginii, și doar o singură pagină „gadonysh“ prăzi. Cel mai adesea, aceste "gadonyshem" devine browser-ul Internet Explorer. în special a 6-a versiune și mai jos, utilizată de aproximativ 7-8% din utilizatorii de Internet. Sunt de acord că acest lucru este foarte mult la ciocan doar pe ele. Cu toate ca alte browsere (chiar și astăzi) arată uneori surprize. Prin urmare, pentru a corecta orice browser afișează pagina dvs., și au fost inventate CSS hacks.
CSS hack - o sintaxă specială stil CSS. care înțelege doar un anumit browser-ul. Și chiar CSS hacks sunt adesea diferite pentru diferite versiuni ale aceluiași browser.
Dacă traduse în limba română, va fi ceva de genul: „Dacă browser-ul utilizatorului - IE conectați foaia de stil de la css / fișierul ie.css“.
Dacă doriți să specificați o anumită versiune a browser-ului, apoi cu „IE“ este necesară pentru a pune mai mult și numărul versiunii. Ca aceasta:
Nu este greu de ghicit, stilul va fi aplicat numai pentru IE browsere versiunea 6. De asemenea, este necesar să se specifice foaia de stil sub o anumită versiuni de browser. În acest caz, sintaxa este utilizat:
Acest stil va fi aplicat la toate versiunile de IE browsere sub cea de a doua versiune. Dacă în loc de „lt“ a pus „lte“, aceasta ar însemna mai mică sau echivalentă cu cea de a doua versiune.
În cele mai multe cazuri, cunoștințele de date deja, și ar trebui să încercați să nu ceară mai mult. Cu toate acestea, există situații în care aceste metode nu sunt în totalitate rezonabile. De exemplu, într-o situație în care într-un fișier CSS mare. numai 1-2 stil au nevoie de formă specială pentru browsere individuale. Stupid, în acest caz, a crea un fișier imens separat, care este apoi conectat prin script-uri sau prin intermediul unor astfel de condiții. De aceea, au fost inventate CSS hacks pentru browsere, la care ne întoarcem acum. Și vom începe cu:
1) Internet Explorer. Acest hack CSS funcționează pentru versiunile de IE7 și de mai jos. În experiența mea, browser-ul IE8 este deja foarte decent, astfel încât să-l mai am nici o problema. Dar pentru browsere IE7 și hack de mai jos arată:
p margine-top: 20px; # Pentru toate browserele
* Marja de-top: 30px; # Pentru browsere IE7 și mai jos.
>
După cum puteți vedea în fața celei de a doua proprietate „margin-top“ codul „*“. Aceasta este CSS hack. Adică, dacă ai pus un „*“ înainte de numele de proprietate, atunci această proprietate va fi aplicat numai pentru browsere IE7 și de mai jos. Concluzie: pentru toate browserele „margin-top“ este, în sensul de „20px“, dar pentru IE7 și sub browser-ul în sensul „30px“. Dacă trebuie să specificați stilul numai pentru IE6 și mai jos (aceasta este adesea cazul, deoarece cu IE7 lucruri mai bune și de multe ori nu este necesară regula de stil pentru acest browser), atunci există un alt hack CSS:
p margine-top: 20px; # Pentru toate browserele
_margin-top: 30px; # Pentru browserele IE6 și de mai jos.
>
Nu este greu de observat, există un semn „_“ în fața celei de a doua proprietate, care este un hack CSS pentru IE6 și sub browsere.
2) Mozilla Firefox. Acest hack CSS funcționează numai pentru browserele Mozilla Firefox. Iată exemplul său:
p, x: -moz-orice-link margine-top: 30px;
>
În acest exemplu, este raportat că selectorul de stil la „p“ va fi aplicat numai pentru browserele Mozilla Firefox. și toate celelalte browsere vor ignora stilul.
3) Opera. Acest hack CSS este folosit pentru browser-ul Opera. Un exemplu de utilizarea acestuia:
* | HTML [xmlns * = ""] p marjă-top: 30px;
>
Aici cred că este, de asemenea, clar.
Asta e tot ce am vrut să scriu acest articol. Cu toate acestea, încă o dată vă reamintesc că CSS hacks - este rău, de foarte multe ori ele nu trec la verificarea validității codului, și asta nu e bine. În general, încercați să nu le folosească la crearea unui site web sau de a folosi doar în ultimă instanță. Și, în general, vă recomandăm să vă familiarizați cu elementele de bază ale CSS. atunci va avea mai puține probleme cu diferite stiluri de prezentare în browsere.
Recomanda acest articol unui prieten:
Daca ti-a placut site-ul, link-ul pentru a-l (pe site-ul dvs., pe forum, în contact)
Se pare ca acest lucru:
Vă mulțumesc, deja anexat.
pentru un motiv oarecare, din nou, de ce razplyvchata nepoyavlyaetsya?
mozhish-mi repara astfel că a fost valabilă
I-am pot, desigur, dar atunci trebuie să înveți.
Ei bine, am învățat și am Vy pokachto fixam valabile și văd și amintiți-vă
Nu vei învăța dacă sunt corecte.
Bună, Michael. stylesheet Connected ІE, și Eksplorer arată încă unele stylesheet de bază. Un tabel plasat în capul documentului, înainte de a link-ul de pe masa principală. Ce fac greșit? Mulțumesc.
Mulțumesc, Michael. Am făcut-o.
Bună, Michael. Sunt pe imagini de fundal pagina 5 (în corpul etichetei), dar nu le afișează Eksplorer, deoarece nu poate afișa mai mult de o imagine de fundal. Ce un hack ar trebui să fie aplicat la toate culoarea de fundal Eksplorer a fost negru? În acest caz, o foaie de stil nu poate fi conectat.
Aplicați dragoste pentru a hack din articolul de mai sus, astfel încât, după principalele proprietăți ale proprietății a fost de gând să creeze un fundal negru explorator. Nu neapărat face acest lucru într-o foaie de stil separat.
Mulțumesc mult. Haq de sarcină.
Michael! Vă mulțumim pentru articol interesant! Iată mai multe CSS hacks pentru IE browser pe care doriți să le adăugați în articolul dumneavoastră este complet 1) o bară oblică dublă (//), înainte de css-proprietate va da aspectul acestei proprietăți numai pentru IE browser-ul de orice versiune. 2) Un asterisc (*) sau slash (/) va da aspectul acestei proprietăți browsere numai IE6 si IE7 înainte de css-proprietate. 3) subliniere (_) sau o cratimă (-) va da aspectul de această proprietate, chiar înainte de browser IE6 css-proprietate.
Am o pagină care afișează corect în toate browserele, o problemă cu un singur browser OPERA. în care una dintre versiunea sa. Se simte ca pagina typeset interior. Am încercat să-l aplice pentru a hack * | HTML [xmlns * = „“], pur și simplu inserați foaia de stil, dar aceasta (opera) pur și simplu ignoră.
În cazul în care acest lucru nu este o nouă versiune de Opera, nu acorde atenție.
Se pare că răspunsul la această întrebare aici, eu nu pot să aștept .. (((((