2010-12-13 48 views
0

voulait avoir un gradient BG pour mon menu sans avoir à utiliser une image d'arrière-plan
gradients IE « support » par sa propriété de filtreen utilisant la propriété css filtre ruines la mise en page sur IE

ouvrir l'exemple jsbin suivant sur IE pour voir et jouer avec elle http://jsbin.com/ijudu4/9/edit dans IE7 la liste ne peut pas casser de son conteneur.

sur IE8 il fonctionne, mais lorsque vous ajoutez z-index au conteneur (pour résoudre d'autres problèmes IE7)
la liste est pas visible

ma « solution » pour est maintenant juste en utilisant un fond image, sera heureux de trouver un meilleur

+1

Le questin est - pourquoi utiliseriez-vous de tels hacks horribles, que les filtres IE sont? Mieux vaut aller avec quelque chose qui n'est pas spécifique au vendeur, ou spécifique pour les "navigateurs actuels" - ils soutiennent CSS3 ihn que vous pouvez quitter IE et faire quelque chose "dans le bon sens". –

+0

+1. Totalement d'accord avec Tomasz Kowalczyk. L'utilisation de filtres n'est pas recommandée. – Jonathan

+0

Fonctionne bien dans IE7 – Jogendra

Répondre

2

Je voudrais recommander d'utiliser CSS3Pie au lieu de filter pour que IE fasse des dégradés (et un rayon de bordure). CSS3Pie est un petit hack très intelligent pour IE qui vous permet d'utiliser une méthode plus conforme aux normes pour définir ces propriétés.

Espérons que ça aide.

+0

merci pour votre suggestion, et je vais regarder dans cette tarte, mais je voudrais vraiment comprendre/résoudre ce problème avec le filtre - déjà "résolu" avec une image bg –

+0

@Avi Pinto - content de vous résolu. Une image n'est pas une solution idéale, mais elle fait l'affaire. CSS3Pie est génial car il n'utilise aucune image et vous permet d'utiliser une solution CSS appropriée pour tous les autres navigateurs. – Spudley

+0

Spundley, vous êtes génial. CSSPie est merveilleux ;-) – Grashopper