Comment réinitialiser ou remplacer les filtres CSS d'IE ?

Question

Comment réinitialiser ou remplacer les filtres CSS d'IE ?

Demandé el 20 de Novembre, 2009: Quand la question a-t-elle été
43876 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'utilise la propriété 'filter' de MS pour essayer de créer un équivalent non laid aux css3 text-shadow et box-shadow ;

Je m'en sortais très bien jusqu'à ce que je rencontre ce problème. Il semble que lorsque j'applique un filtre à un div à l'intérieur d'un autre div qui a également un filtre, les effets du filtre finissent par être combinés sur l'objet enfant.

J'ai essayé d'utiliser filter:none ; pour faire une réinitialisation, mais sans succès. J'ai également essayé différentes variations de la syntaxe, par exemple "-ms-filter : 'progid :...Glow()'", "filter : progid :...Glow()", "filter : Glow()", etc.

Test dans IE8

Demandé el 20 de Novembre, 2009 par SpliFF

8 votes

Cela fonctionne pour moi : filter:;

Commenté el 1 de Août, 2011 par Web_Designer

1 votes

Filter: ; ne fonctionne pas avec le préprocesseur css de lessphp, mais filter:- ; oui.

Commenté el 27 de Juin, 2012 par David Meister

0 votes

Utiliser filter: ; Je suppose que cela obligera IE à supprimer la propriété dans son ensemble, car il ne s'agit pas d'une valeur valide.

Commenté el 6 de Mars, 2013 par Bhumi Singhal

Afficher 1 autres commentaires

Answer 1

5 Réponses

Answer 2

95voto

el22or Points 829

Il existe un attribut booléen activé pour lequel vous pouvez définir faux ou vrai http://msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx

Exemple :

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";

Répondu el 18 de Février, 2011 par el22or (829 Points )

1 votes

Merci ! Ça a marché pour moi aussi. J'avais un style d'arrière-plan qui ne voulait pas disparaître et je n'arrivais pas à le trouver malgré tous mes efforts.

Commenté el 12 de Novembre, 2012 par racl101

0 votes

Merci ! Les filtres de dégradés pour les boutons ne sont pas compatibles avec le fait d'avoir certains boutons avec des images de fond - le filtre se superpose à l'image...

Commenté el 12 de Mars, 2013 par Adam

0 votes

Ça a marché comme un charme ! Merci !

Commenté el 3 de Juillet, 2013 par Bogdan

Answer 3

20voto

Pink Duck Points 121

La propriété -ms-filter est une entrée CSS non standard, spécifique au navigateur, et en tant que telle, elle exige que son paramètre soit placé entre guillemets. Ainsi, -ms-filter : "none" fonctionnera parfaitement.

Répondu el 21 de Mai, 2012 par Pink Duck (121 Points )

Answer 4

16voto

browzah Points 151

Essayez ceci :

filtre : - ;

Répondu el 20 de Septembre, 2010 par browzah (151 Points )

0 votes

Cela a fonctionné pour moi dans IE7 avec -ms-filter : "progid:DXImageTransform.Microsoft.gradient(enabled=false)" ; ne l'a pas fait. Thx

Commenté el 19 de Novembre, 2012 par Simon Arnold

0 votes

@SimonArnold "-ms-filter" n'est pris en charge que par IE8 et les versions ultérieures ; IE7 ne prend en charge que l'attribut "filter". Voir msdn.microsoft.com/fr/us/library/ie/ms530752(v=vs.85).aspx .

Commenté el 23 de Janvier, 2013 par vee

Answer 5

6voto

SpliFF Points 21945

J'ai eu du succès en positionnant les enfants de manière absolue ou relative. Cela n'a pas semblé fonctionner auparavant, donc il se peut que cela ne fonctionne plus lorsque je serai plus compliqué.

Je pense qu'une fois qu'un parent a un filtre appliqué, tous ses enfants deviennent essentiellement des surfaces directx en interne. Vous pouvez toujours sélectionner du texte mais ça traîne. Je pense que la sélection de texte est un hack qui fait de chaque lettre une surface séparée. C'est un foutoir qui explique en grande partie pourquoi le navigateur en général et les filtres en particulier sont si bogués.

Répondu el 20 de Novembre, 2009 par SpliFF (21945 Points )

Answer 6

6voto

John C Points 81

Si vous utilisez HTML5, vous pouvez utiliser

<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6 oldie"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8 oldie"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="gtie9 modern">
<!--<![endif]-->

et dans votre CSS, utilisez quelque chose comme :

.ie9 .element {filter: none; }

Répondu el 7 de Décembre, 2011 par John C (81 Points )

Comment réinitialiser ou remplacer les filtres CSS d'IE ?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment réinitialiser ou remplacer les filtres CSS d'IE ?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: