Conectarea css la browserele individuale

După cum știți, nu toate browserele percep astfel fișiere de stil CSS. Practic, problemele apar cu versiunile vechi ale creării de Internet Internet de mici dimensiuni (versiunea 7 și mai jos). Apropo, în cazul în care problema apare în browserele moderne (cum ar fi Opera, Mozilla Firefox, Chrome), atunci vă recomandăm cu insistență să revizuiți aspectul paginii.







Așa este. Există o problemă cu browserele. Și știu cel puțin trei modalități de a rezolva această problemă.

Metoda 1d. Cel mai corect

Stilurile pentru browserele care înțeleg incorect CSS-ul dvs. sunt scrise într-un fișier separat. De obicei, acest browser, așa cum am spus, este Internet Explorer. iar aceste fișiere se numesc fix-ie.css

Soluția Drupal 6

Mai departe în bloc file page.tpl.php este scris următorul cod:

Schimbați numele temei la numele real al temei dvs. - și când deschideți versiunea Internet Explorer 7 și versiunile ulterioare - acest fișier va fi adăugat în setul general de fișiere de stiluri și chiar dacă acesta este stocat în memoria cache dacă este activată cache-ul.

Pentru versiunea browserului la care va fi atașat fișierul de stil, această linie răspunde:

Aici, înseamnă mai puține decât EQUAL (adică, mai puțin sau egal cu). Există astfel:

Alegerea valorii potrivite pentru acest parametru vă permite să determinați exact ce browsere și versiunile acestora să extindă stiluri suplimentare.

Soluția Drupal 7

În al șaptelea Drupal pentru adăugarea stilurilor, a fost dezvoltată o funcție specială (scrieți în template.php):

Metoda 2d. Nu este cea mai corectă, dar pentru soluții mici puteți







Utilizați așa-numitele hacks. Adică, stiluri pe care numai anumite browsere vor înțelege. exemplu:

În toate browserele, cu excepția IE 6 și 7, fundalul va fi alb. Și în IE 6 și 7 - negru. Un alt exemplu:

Aceste stiluri vor fi înțelese numai de IE 7:

  • Este mai probabil ca stilurile să devină invalide.
  • Nu se știe cum vor fi percepute aceste versiuni noi de browsere

Puteți vedea lista celorlalte hack-uri aici

Metoda 3d. Ciudat, dar în general poți

Mi-a trecut prin minte doar la scrierea articolului. Puteți adăuga stiluri cu scripturi :) De exemplu, scrieți un script care va schimba culoarea de fundal în negru pentru IE 7:

  • Lizibilitatea stilurilor este redusă
  • În cazul în care utilizatorul a dezactivat scripturi (și utilizatorii vechi IE nu este atât de rar) - stilurile nu se vor conecta
  • La viteză mică de conectare la Internet, site-ul din fața utilizatorului va "sări", aplicând modificări din script-urile încărcate

Puteți alege oricare dintre opțiuni, în funcție de nevoile dvs. Personal, aproape întotdeauna folosesc prima opțiune. Dar dacă trebuie să adaug sau să închid câteva stiluri pentru IE, nu văd punctul de creare a unui fișier. În această situație, este foarte ușor să folosiți hack-uri.

Poate ajuta pe cineva.

a folosit 1 mod pentru drupal7 și de foarte mult timp nu a putut înțelege de ce funcționează doar pe jumătate, adică în stil.css Am acest cod:

în mod natural 8 și mai jos nu se poate înțelege, așa că am folosit 1 mod și în fix-a scris:

dar a existat o problemă de a impune un css pe altul, iar IE8 a început să ia de la stil.css dimensiunea de 40px frontieră, și de la fix-ie.css culoarea pentru el #fff
problema rezolvată prin adăugarea în template.php a unei linii pentru browserele NOT IE și aducerea codului la acest tip:

Este normal să creați no-ie.css și să mutați din stil.css toate descrierile care sunt duplicate în fix-ie.css

Și poți merge pe dugomu drum și să nu utilizeze 3 și 2 SSC - trebuie doar să înlocuiți template.php nu-ie.css la style.css, dar nu uitați să eliminați din linia de subiect Informații fișier stylesheets [totul] [] = stil. css







Articole similare

Trimiteți-le prietenilor: