2013-01-22 1 views
1

J'utilise pie.htc pour me permettre d'avoir des coins de rayon et déposer des ombres sur mon site dans les anciennes versions de IE. Le problème est qu'il semble que IE fonctionne très très lentement.CSS Pie faisant la page de chargement très lentement dans IE8

Voici un exemple de mon code ... quelqu'un peut-il voir comment je peux améliorer cela?

div.myDiv { 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px; 
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); 
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); 
    behavior: url(/PIE.htc); 
} 
+2

Je vous recommande vraiment de ne pas utiliser CSS3 Pie, il est préférable de laisser de côté les coins arrondis ou travailler avec des images. Mon expérience avec CSS3 tarte est qu'il prend toujours un certain temps pour le charger ou a parfois besoin d'un rafraîchissement pour fonctionner correctement. Juste mes 2 cents. –

+1

Vous n'avez besoin d'aucun de ces préfixes fournisseurs – Evgeny

Répondre

0

essayer cela pour un changement

div.myDiv 
{ 
    border-radius: 5px; 
    -ms-border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);  
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); 
    behavior: url(/PIE.htc); 
    position:relative; 
} 

chargement du fichier PIE.htc avec DOM de manière asynchrone quand il est prêt. Régler le position:relative peut certainement vous donner un avantage. Je préfixe -ms- dans l'extrait de code qui aide à détecter IE. ça a marché pour moi. J'ai utilisé le dernier fichier PIE.htc.

2

J'utilisé CSS3Pie beaucoup dans les projets, parce que je été obligé de rendre les sites exactement semblables regardent ce qui bien sûr est un non-sens pour un technicien, mais pas un gars de vente. En fait, l'utilisation de n'importe quel type de fichiers .htc est très lent car Pie a besoin d'analyser ces règles et de créer des VML-Elements pour émuler le comportement css3 correspondant. Si vous avez des projets plus importants, vous aurez pas d'autre choix que:

  • omettant complètement fonctionnalités CSS3-IE8 (et convaincre votre salesguy) < - mon option préférée
  • Omettre tarte et en utilisant des filtres IE lorsque cela est possible
  • en utilisant un cadre plus léger avec le soutien moindre, mais un traitement plus rapide, parce que PIE est (parce qu'il a un soutien superbe) tout à fait pléthorique et donc plutôt lent

en utilisant les positions comme rasoir conseillé ne pas vraiment résoudre le problème de la vitesse et préfixer avec -ms pourrait vous donner de sérieux problèmes dans IE9 en essayant d'utiliser à la fois, css3pie et la propriété css3 préfixée.