Tous IE css hack

Est là css hack pour tous les navigateurs IE. Pas spécifique à IE versions.

J'ai essayé

@media @media \0screen\,screen\9 {
body { background: green; }
} 
screen\,screen {
    body { background: green; }
}

mais il ne fonctionne pas sous IE7 et IE11.

En utilisant uniquement CSS? Pas de. Même si vous souhaitez utiliser une propriété unique, beaucoup d'entre eux ont des préfixes différents pour les différentes versions de IE ou des méthodes complètement différentes de l'écriture de l'en sortir complètement. Il y a des bibliothèques JavaScript, cependant, qui fera ce: css3-mediaqueries-js et Respond.js

OriginalL'auteur Praveen | 2014-04-29

5
```

```
plus d'informations peuvent être trouvées ici: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

Mise à JOUR comme ElKabong mentionné dans les commentaires et vous pourrez le lire en suivant le lien..

Noter que IE 10 NE prennent PAS en charge les commentaires conditionnels à tous les si cela semble être un peu un cauchemar et je n'ai pas de moyen facile de solution pour cela. Mais vous pouvez trouver plus d'informations en suivant le lien ci-dessus et également de lire à travers les commentaires.

En fait, cela ne prend pas en charge tous les IE de saveurs, d'après IE 10 commentaires conditionnels sont plus pris en charge: msdn.microsoft.com/en-us/library/ms537512(v=vs. 85).aspx. Une approche plus approfondie consiste à utiliser la fonctionnalité de détection pour déterminer les capacités du navigateur et de réagir en conséquence. Consultez nos modernizr - modernizr.com
merci pour votre commentaire, je ne connaissais pas cette (bluddy MS), dès que je reçois un peu plus de temps je vais mettre à jour la réponse provoquer également votre lien n'a pas vraiment me dire comment gérer IE10 spécifique des feuilles de style... savez-vous comment résoudre ce problème?
pas de soucis - c'est un bon d'écrire sur le sujet: msdn.microsoft.com/en-us/magazine/hh475813.aspx. C'est une autre écriture qui donne des suggestions pour les caractéristiques et prise en charge du navigateur: tanalin.com/en/articles/ie-version-js, vous pouvez tester à l'aide de Modernizr pour l'une de ces fonctions et de charger les actifs appropriés.
Je ne peux pas utiliser conditionnelle de la feuille de style. C'est pourquoi la recherche de css hack
d'après ce que je sais, c'est PAS possible de détecter le navigateur à l'aide de CSS. Vous avez besoin des commentaires conditionnels, JavaScript ou un Serveur langage de script Côté.

OriginalL'auteur caramba
1

Je voudrais juste le code HTML de Commentaires Conditionnels
```

```
l'habitude de travailler pour ie10 et ie11..
Je ne connaissais pas cette fonctionnalité a été supprimée dans IE10.

OriginalL'auteur Drew Chapin

Peut-être les suivantes media-queries vous aidera à:

    /* <= IE 7 */
    @media screen {}

    /* IE 8 */
    @media     /* <= IE 7 */
@media screen\9 {}
/* IE 8 */
@media \0screen {}
/* >= IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}
screen {}

    /* >= IE10 */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

Important: Pour IE9 et ci-dessus Lire ceci:

https://stackoverflow.com/a/15442638

Dans certains cas, il est préférable d'activer certaines fonctionnalités uniquement pour les suivants (d'autres) navigateurs:

    /* WebKit */
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector {} }

    /* Opera >= 12 */
    @media (min-resolution: .001dpcm) { _:-o-prefocus, .selector {} }

    /* Firefox > 4 */
    @media screen and (min--moz-device-pixel-ratio:0) {}

J'ai eu le même problème, lorsque inplementing un svg-fichier d'animation. Je voulais exculde toutes les versions IE et l'utilisation animations gif pour eux au lieu de cela, car aucune version de IE prend en charge des fichiers SVG animés. Mais regardez ceci:

http://caniuse.com/#feat=svg-smil

Comme vous pouvez le voir dans mon cas, il est préférable de mettre en œuvre un gif animé comme par défaut et utiliser le SVG seulement pour les "autres" navigateurs listés ci-dessus.

J'ai trouvé ces media-queries sur http://browserhacks.com/

OriginalL'auteur mat

0

@media queries sont pris en charge par IE9+

http://caniuse.com/#search=@media

OriginalL'auteur kmike
0

Pas vous ne pouvez pas faire tous c'est à dire dans une requête de média comme aucun n'a été trouvé/créé pour toutes les versions d'Internet Explorer, mais vous pouvez le diviser en deux CSS groupes. Voici une méthode:

Celui-ci fonctionne en 8 et plus récentes:
```
/* Internet Explorer 8+ (Media Query) */

@media screen/* Internet Explorer 8+ (Media Query) */
@media screen\0 {
body { background: green; } 
}
 {
   body { background: green; } 
}
```
Comme la vôtre, c'est vraiment un css hack. IE 9 prend officiellement en charge les requêtes des médias, mais IE 8 et ci-dessous sont trompés en leur permettant de travailler via des hacks.

Voici une pour IE 7 et ci-dessous:
```
/* Internet Explorer 7- (Media Query) */

@media screen {
   body { background: green; } 
}
```
Si cela ne fonctionne pas pour vous, essayez un autre IE 7 ici:
```
/* Internet Explorer 7- (Another Media Query) */

@media, {
   body { background: green; } 
}
```
Il existe de nombreuses façons de faire un IE 7 hack.

OriginalL'auteur Jeff Clayton

De l'essayer. C'est un css hack testé à partir de IE 7 à 10:

    @media all and (-ms-high-contrast:none)
         {
         .myClass { myProperty: myValues }
         *::-ms-backdrop, .myClass { myProperty: myValues }
         }

Il fonctionne très bien pour moi 😉

OriginalL'auteur Luca Di Bello

0

Si vous avez besoin de cibler tous les non-ie (non <= ie11) navigateurs:
```
@media { @media {
    /* Your styles ... */
}}
```
Il va travailler pour les navigateurs modernes que depuis IE <= 11 ne prend pas en charge nester requêtes de média.

OriginalL'auteur artnikpro

Vous devez vous connecter pour publier un commentaire.