2010-06-25 4 views
1

J'essaie de charger mon fichier print.css mais il ne semble pas charger. ça fonctionne bien dans FF et Safari mais le problème est seulement dans IE.Imprimer Css non chargé

J'ai l'externe régulière pour css la page inbetween les balises head

Et lorsque l'utilisateur clique sur le lien d'impression. il charge le print css. Mais, dans IE, il charge le css standard à la place de print.css.

Comment cela peut-il être corrigé pour IE6?

Merci

+0

Qu'advient-il si vous utilisez des méthodes DOM standard comme 'document.createElement ("lien") ', etc., et ajoute * que * à la" tête "? –

Répondre

7

Vous pouvez avoir le CSS d'impression et votre écran CSS à la fois chargé en même temps sur la page sans les interférer les uns avec les autres - vous devez spécifier l'attribut media sur l'étiquette link:

<link href="/theme/print.css" rel="stylesheet" type="text/css" media="print" /> 
<link href="/theme/screen.css" rel="stylesheet" type="text/css" media="screen" /> 

Pas besoin de passer par la supercherie javascript.

Comme pour IE6 - il supporte cela, comme on peut le voir sur la liste de comparaison sur la page this.

+0

Merci oui d'une façon. Mais je ne peux pas utiliser cela dans ce cas. Comment cela peut-il fonctionner dans IE6 en utilisant le javascript ci-dessus, il fonctionne bien dans FF et Safari et Crome, mais échoue dans IE6 – user244394

+3

Comment se fait-il que vous ne pouvez pas utiliser cela, mais pouvez utiliser un hack javascript? – Oded

0

Essayez de retirer le <link> à l'autre fichier css lorsque vous ajoutez le print.css

0

essayer avec document.write,

document.write('<link href="/theme/print.css" rel="stylesheet" type="text/css" />');