Cible IE9 Uniquement via CSS

Demandais juste compte tenu de ces hacks IE dans mon sac à malices

"" - for IE8 and below.
"*" - for IE7 and below.
"_" - for IE6.

c'est à dire comme

body { 
    border:2px solid blue;
    border:2px solid yellow ;
    *border:2px solid green;
    _border:2px solid orange;
}

Si quelqu'un a un hack pour IE9 ? c'est à dire que je suis en train de cible IE9 uniquement via CSS ?

Cela va revenir et vous mordre quand vous vous y attendez le moins. Utilisez un commentaire conditionnel à la place: .
grâce impressionnant. essayé de chercher et ne pouvait pas trouver quoi que ce soit 🙂 semble la source - blog.vervestudios.co/blog/post/2011/05/13/...
C'est dommage que Microsoft n'a jamais mis les commentaires conditionnels dans le CSS. * Et _ sont effectivement de facto des normes pour IE6 et IE7; en lieu et place de Microsoft, la mise en œuvre des normes, nous aurons toujours besoin de ces rough & prêt hacks. Au moins IE10 est à la recherche prometteur et donc ne devrait pas avoir besoin de hacks.
Les commentaires conditionnels en HTML sont inutiles dans les situations où vous ne pouvez pas modifier le code HTML.

InformationsquelleAutor Tim | 2011-07-11

29

Je suggère d'utiliser condcoms pour nourrir une IE9 fichier css ou avez une condition html de classe, similaires à:
```
 
 
 
 <html lang="en-us" class="no-js">  
```
- merci @meder - mais je veux essayer et utiliser directement le CSS à la place 🙂 c'est à dire parce que You cannot use condcoms in the CSS code itself
- Toujours sûrs HTML. Protégez-vous: utiliser un condcom.
- Le problème avec les hacks que vous décrivez ci-dessus, c'est qu'ils sont bugs. Il n'a jamais été destiné à être caractéristiques. En les utilisant, vous pouvez provoquer des problèmes avec d'autres navigateurs avec les bugs similaires. Bâton de normes.
- il n'est pas recommandé de s'appuyer sur des hacks car avec les futures itérations du navigateur, ces hacks pourrait vous poignarder dans le dos. Si vous adoptez le code html conditionnel tel que représenté et d'en faire une pour IE9, dans votre css principale que vous pouvez faire .ie9 body { } par exemple..
- ouais je m'en doutais bien. juste à noter que Google a l'aide de ces hacks dans Google+ [wow, oui Google] - donc supposer que si les ingénieurs Google de les utiliser ...
- Google, les applications n'ont pas l'habitude d'avoir le meilleur avant la fin de code.
- Google n'ont pas exactement une grande révision du code de pratiques en dehors de leurs produits de base... Et pas tous les logiciels dev/ingénieur est égal.
- vous avez gagné sur moi ... je vais mettre en œuvre un JS solution à la place 🙂 [ sans vraiment plaisir 😀 ]
- Google utilise des hacks sur le but dans le but de sauver des caractères. Sauf si vous êtes google et 1 octet supplémentaire se traduit par un bon nombre d'argent que vous devriez écrire du bon code. Google+ est un produit de base.
- Soupir... Encore une fois, une solution d'activer JavaScript aussi avoir des problèmes. Utiliser un condcom. Il est compatible avec le standard et fonctionne très bien.
- ok ok 🙂 va utiliser quirksmode script que j'ai besoin d'ajouter des éléments de style, mais n'ont pas accès à l' <head> pour ce dont j'ai besoin
- Vous pouvez mettre une balise style n'importe où.
- ouais vrai 🙂 ok - merci pour l'aide @meder @andrew @radu 🙂
- Ces hacks CSS n'interfèrent pas avec les autres navigateurs, je les ai utilisé pendant des années sans aucun problème que ce soit. Oui, il est préférable d'utiliser condcoms, mais que faire si vous n'avez pas le contrôle de l'HTML, seul le CSS? Dans ce cas, il est impossible d'utiliser un condcom si on n'est pas déjà utilisé et un CSS hack peut être votre seule option
InformationsquelleAutor meder omuraliev
42

Terrible, mais il devrait fonctionner:
```
body { 
    border:2px solid blue;
    border:2px solid yellow ;
    *border:2px solid green;
    _border:2px solid orange;
}
body:nth-child(n) {border:1px solid purple ; /*Should target IE9 only - not fully tested.*/}
```
- J'ai testé cela et confirmer qu'il cible uniquement IE9 avec succès. Et c'est la seule véritable réponse à la question qui est réellement correct. Conseils d'utilisation condcoms est bonne, mais à conseiller une autre solution n'est pas réellement répondre à la question d'origine
- Est-ce moi ou ne fait pas ce travail pour la propriété background-image?
- ne fonctionne pas pour moi 🙁 le \9; partie est ignoré
- \9 semble aussi être le ciblage IE10, mais IE11 semble l'ignorer
- Ce n'est plus une bonne solution, sera également à la cible de chrome.
InformationsquelleAutor Jeffrey Karbowski
4

IE9 est assez conforme aux normes. Vous ne devriez pas avoir besoin de le pirater.

Aussi, vous devriez être en utilisant Les commentaires conditionnels d'IE pour charger des styles différents. Pour IE 9, vous feriez:
```

<![endif]-->
```
- IE9 est assez conforme aux normes. Mais QUE conformes aux normes. Une fois dans un tandis que nous continuons à recevoir des interprétations différentes IE 9 vs Bonne Navigateurs - oui, oui, ceux-ci ayant conditionnels pour IE 9 sont très belles. 🙂
- IE9 est le plus compatible avec les standards chose à sortir de MS sûr, mais c'est encore loin derrière n'importe quel autre navigateur.
- hélas, IE9 a fait quelques bogues de rendu (par exemple, box-shadow) qui nécessitent l'étrange tweak dans le CSS. Tandis qu'un CC est la bonne façon de mettre en œuvre ces réglages, ils sont souvent un peu la main lourde et peut rendre plus difficile de maintenir votre CSS, par exemple, avoir besoin d'une autre feuille de style, ou, au moins, de définir de nouveaux sélecteurs CSS.
- Pas besoin de hack? Dire que de nouveau, en 2017, s'il vous plaît.
InformationsquelleAutor Radu
4

À cette adresse : http://www.impressivewebs.com/ie10-css-hacks/
J'ai trouvé une requête de média spécifique pour IE10 seulement (et ci-dessous) :
```
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */  
}
```
- il aura une incidence sur ie11 aussi ?
- Cela ne fonctionne pas pour IE9 plus. Je n'ai aucune idée pourquoi.
- href="http://stackoverflow.com/questions/6418139/media-query-not-working-in-ie9" title="media query pas de travail dans ie9">stackoverflow.com/questions/6418139/... Cochez la première réponse à activer les médias des requêtes sur sur IE9 avec <meta http-equiv="X-UA-Compatible" content="IE=9">
- En fait, cela a fonctionné pour moi à nouveau, je l'ai trouvé lors de l'exécution sur localhost il serait un échec. Mais une fois poussé sur mon serveur, IE9 ramasser comme prévu. Bizarre.
- Je pense que cela peut venir d'un conflit avec les en-têtes poussé par votre serveur HTTP (Apache / Nginx / IIS...). Vérifier si vos fichiers de configuration pour le projet sur dev, test et prod de l'environnement sont les mêmes.
InformationsquelleAutor Val Entin
3

Comme indiqué dans certains commentaires, il y a des moments où conditionnelle HTML ne fonctionne pas pour une situation spécifique, en particulier si vous n'êtes pas en mesure de modifier le code de la page elle-même. Alors, voici une solution de contournement:

Le Style De Base
```
.test{color:red;}
```
Spécifiques À Un Navigateur Remplace

IE < 8: html >/**/body .test { color: green; }

IE 9: :root .test{color:green \ ;}

IE 8 et 9: .test{color:green \ ;}

IE 9 et Opera :root .test {color: green\0;}

Notes

Le ci-dessus ne fonctionne pas pour background ou font-*, et tout \0 ou \9 hacks sont généralement instable. Pour une liste complète des hacks CSS, voir http://mynthon.net/howto/-/webdev/CSS-big-list-of-css-hacks.txt.
- Avec css3 IE9 seulement sélecteur de coutume de travail.
InformationsquelleAutor Beejor

Vous devez vous connecter pour publier un commentaire.

Le Style De Base

Spécifiques À Un Navigateur Remplace

Notes