Comment puis-je corriger l'incompatibilité « display : inline-block » dans Internet Explorer 7 ?

Affichage IE7 : incompatibilités de bloc en ligne

Internet Explorer 7 ne parvient pas à reconnaître l'affichage : bloc en ligne ; propriété, en particulier pour les éléments qui ne sont pas naturellement en ligne. Pour résoudre ce problème, appliquez un hack CSS spécifique à IE7 :

.frame-header {
    height:25px;
    display:inline-block;   
    *display: inline;
    zoom: 1;
}

Le hack se compose de trois parties :

• *display : inline ; - Cela remplace la propriété d'affichage pour IE7 et versions antérieures, en la définissant sur en ligne.
• zoom : 1 ; - Déclenche le comportement hasLayout, essentiel pour la fonctionnalité de bloc en ligne.

Pour éviter les conflits potentiels avec d'autres navigateurs, il est conseillé d'utiliser une feuille de style distincte pour IE7 via des commentaires conditionnels :

<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->

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!