Maison >interface Web >tutoriel CSS >Comment puis-je utiliser les hacks CSS pour cibler uniquement Internet Explorer 11 ?
Comment puis-je utiliser les hacks CSS pour cibler uniquement Internet Explorer 11 ?
- Linda Hamiltonoriginal
- 2024-11-28 14:46:14701parcourir
Écrire des hacks CSS spécifiquement pour IE 11
Pour cibler IE 11 avec des hacks CSS, vous pouvez utiliser des règles CSS spécifiques à Microsoft. Les filtres combinés suivants pour IE11 :
@media all and (-ms-high-contrast:none) {
.foo { color: green } /* IE10 */
*::-ms-backdrop, .foo { color: red } /* IE11 */
}
Ce filtre fonctionne car les agents utilisateurs qui ne peuvent pas analyser le sélecteur (c'est-à-dire qu'il n'est pas valide CSS 2.1) ignoreront également le sélecteur et le bloc de déclaration suivant.
Exemple :
<!doctype html>
<html>
<head>
<title>IE10/11 Media Query Test</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
@media all and (-ms-high-contrast:none)
{
.foo { color: green } /* IE10 */
*::-ms-backdrop, .foo { color: red } /* IE11 */
}
</style>
</head>
<body>
<div class="foo">Hi There!!!</div>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Les propriétés de disposition de la grille CSS peuvent-elles être animées ?Article suivant：Les propriétés de disposition de la grille CSS peuvent-elles être animées ?