Maison >interface Web >tutoriel CSS >Comment puis-je cibler de manière fiable Internet Explorer 10 pour un style et des fonctionnalités spécifiques ?
Comment puis-je cibler de manière fiable Internet Explorer 10 pour un style et des fonctionnalités spécifiques ?
- DDDoriginal
- 2024-12-23 18:43:20673parcourir
Cibler Internet Explorer 10 pour des situations spécifiques : naviguer dans les bizarreries du navigateur
Lorsque vous travaillez avec la compatibilité entre navigateurs, le ciblage de versions spécifiques du navigateur peut être crucial pour garantir un rendu optimal. L'un des défis courants auxquels les développeurs sont confrontés est de cibler uniquement Internet Explorer 10 pour appliquer un style spécifique à IE ou des fonctionnalités JavaScript.
Commentaires conditionnels : une approche trompeuse
Au départ, on pourrait tenter d'utiliser des commentaires conditionnels pour cibler IE 10 comme ceci :
<!--[if IE 10]>
<html class="no-js ie10" lang="en">
<![endif]-->
<!--[if !IE]>
<html lang="en" class="no-js">
<![endif]-->
Cependant, Internet Explorer 10 ne le fait pas honorez ces commentaires, les rendant inefficaces.
Techniques de ciblage robustes
Considérez plutôt les méthodes suivantes pour cibler de manière fiable IE 10 :
Cibler IE 9, 10 et 11
@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* CSS for IE 10 */
}) {
/* CSS for IE 9, 10, and 11 */
}
Ciblage d'Internet Explorer 10
@supports (-ms-accelerator:true) {
.selector { property:value; }
}
Ciblage de Microsoft Edge
Sources :
- Déplacement du CSS spécifique à Internet Explorer dans des blocs @media
- Comment cibler Internet Explorer 10 et 11 en CSS
- CSS Hacks pour Windows 10 et Edge Web de Microsoft Navigateur
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!