@import amb media all24/01/05
En alguns casos val la pena ocultar un CSS per tots els Internet Explorer de Windows
La manera més neta de fer-ho és utilitzant com a hack la crida al fitxer CSS.
Si la crida té la següent forma els IE/Win no ho entendran:
@import url(fitxer.css) all;
S'ha de remarcar que l'important és afegir el media all i que ha de ser en minúscules ja que Konqueror 3.0 no entén el media All a la regla @import
are, dius que en alguns casos val la pena ocultar el css en IE, en quins casos? per crear-ne un d'especÃfic? :).
Per exemple aquesta web (a.css) utilitza una maquetació pels navegadors moderns i una altre per IE.
Per evitar conflictes d'especificitat aquest hack pot ajudar.
Um, aleshores és una bona manera per ordenar els elements que només són interpretats per IE com "_text-align: left;" per exemple, correcte?
més aviat el contrari, per ordenar els que no ho són :)
Ops, cert cert... :P
Perquè utilitzar aquest format:
@import url(fitxer.css);
en comptes d'aquest?
<link rel="stylesheet" type="text/css" media="screen,print" href="./plantilla/estils.css" title="Per defecte" />
Em refereixo.. quines diferències hi ha entre les dues crides?
Un altre truc per 'marginar' l'Internet Explorer, és posar en condicionals comentats les lÃnies que hagi de carregar l'IE. Per exemple:
Aquesta fulla d'estils només serà carregada per l'IE.
No hi ha cap diferència entre la crida @import i la crida link en quan a resultat.
La diferència és que en la primera "incrustes" un estil que alhora importes d'un fitxer extern i la segona és un vincle directe al fitxer.
L'única grà cia d'emprar @import en aquest cas és poder cegar l'IE al fitxer CSS.
Justament, els condicionals van bé per fer que només IE agafi la crida al CSS i la solució que presento jo és perquè l'IE mai l'agafi .
© Arnau Siches. a.css està sota Llicència Creative Commons.