Wie kann ich die „display: inline-block'-Inkompatibilität in Internet Explorer 7 beheben?

IE7-Anzeige: Inline-Block-Inkompatibilitäten

Internet Explorer 7 erkennt die Anzeige: Inline-Block nicht; -Eigenschaft, insbesondere für Elemente, die nicht von Natur aus inline sind. Um dieses Problem zu beheben, wenden Sie einen IE7-spezifischen CSS-Hack an:

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

Der Hack besteht aus drei Teilen:

• *display: inline; – Dies überschreibt die Anzeigeeigenschaft für IE7 und niedriger und setzt sie auf Inline.
• Zoom: 1; – Löst das hasLayout-Verhalten aus, das für die Inline-Block-Funktionalität unerlässlich ist.

Um potenzielle Konflikte mit anderen Browsern zu vermeiden, ist es ratsam, ein separates Stylesheet für IE7 durch bedingte Kommentare zu verwenden:

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

Das obige ist der detaillierte Inhalt vonWie kann ich die „display: inline-block'-Inkompatibilität in Internet Explorer 7 beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!