2010-03-24 4 views
0

J'utilise "malsups" jQuery coin plugin - http://jquery.malsup.com/corner/ - et ayant un peu de cauchemar d'un moment avec IE. Fondamentalement, j'aijQuery Coins et IE Problèmes

<ol><li> 
    <span class="main"> 
     <span class="test1"></span> 
     <span class="test2"></span> 
     <span class="test3"> 
     <span id="test4"></span> 
     <span id="special" class="special"> 
      <span class="test4">TEXT</span> 
     </span> 
    </span> 
</li></ol> 

Fondamentalement, dans IE quand je tente de faire l'id = coins « spécial » ont arrondi - i une vue déformée. Je pense que quelque chose lié à des problèmes avec le référencement li éléments en utilisant

jQuery('#special').corner('5px'); 

pourrait aider quelqu'un :)?

Edit: Bien sûr, le CSS est

ol .special { 
background-color:#111; 
color:#CCC; 
padding:10px; 
position:relative; 
} 
+0

pouvons-nous voir la classe spéciale css? – Yisroel

+0

sure - updated :) – Tom

Répondre

0

La 'principale' classe css définir la couleur d'arrière-plan? Assurez-vous que quelque part dans l'arbre parent, la couleur de fond est explicitement définie.

ol .main { background-color:#fff; }

+0

hey thx - ouais la classe principale de CSS n'a pas de couleur seulement la classe "spéciale" a la couleur. c'est-à-dire ce que j'ai besoin d'essayer et d'avoir aussi mais ayant des probs – Tom

0

Je ne fait pas d'accord avec l'utilisation de cette mise en œuvre. J'ai trouvé environ 3 façons différentes de faire des coins arrondis.

1. Adding extra markup (div tags) to create the rounded corners 
2. Using right and left rounded corner images 
3. Using top image and bottom image with rounded corners on both sides of the images 

Votre implémentation utilise # 1. C'est probablement le plus facile à mettre en œuvre, mais à un coût.

Dans l'état actuel de CSS, il n'y a pas de moyen facile d'ajouter des coins arrondis, à l'exception de ces 3 moyens (que je connais). Je crois que le premier choix est le pire sur les 3 parce que le balisage supplémentaire est inutile. J'utilise habituellement le dernier, mais le second chargera plus vite.

Une chose de plus, consultez cette page (http://jquery.malsup.com/corner/) dans IE ..... Il ne fonctionne pas dans IE sur sa mise en œuvre non plus. Je crois qu'il utilise les valeurs CSS des coins arrondis FF pour le faire.

Espérons que cela aide.

Metropolis