Hier ist mein CSS-Block:
.actual-form table {
padding: 5px 0 15px 15px;
margin: 0 0 30px 0;
display: block;
width: 100%;
background: #f9f9f9;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
}
Ich möchte nur, dass IE 7, 8 und 9 "sehen" width: 100%
Was ist der einfachste Weg, um dies zu erreichen?
css
internet-explorer
Überholspur
quelle
quelle
width: auto
Blockelemente nicht so wie andere Browser wie Firefox oder Chrome. In Chrome / Firefoxwidth:auto
wird die Breite eines Blockelements um die volle Breite seines Containers erweitert. IE tut dies nicht und erfordertwidth: 100%
Antworten:
Update 2017
Abhängig von der Umgebung wurden bedingte Kommentare in IE10 + offiziell abgelehnt und entfernt .
Original
Am einfachsten ist es wahrscheinlich, einen bedingten Kommentar im Internet Explorer in Ihrem HTML-Code zu verwenden:
Es gibt zahlreiche Hacks (z. B. den Unterstrich-Hack ), mit denen Sie nur den IE in Ihrem Stylesheet als Ziel festlegen können. Es wird jedoch sehr chaotisch, wenn Sie alle Versionen des IE auf allen Plattformen als Ziel festlegen möchten.
quelle
Erläuterung: Es handelt sich um eine Microsoft-spezifische Medienabfrage. Wenn Sie die für Microsoft IE spezifische Eigenschaft -ms-kontrastreich verwenden, wird sie nur in Internet Explorer 10 oder höher analysiert. Ich habe beide gültigen Werte der Medienabfrage verwendet, sodass sie nur vom IE analysiert wird, unabhängig davon, ob für den Benutzer ein hoher Kontrast aktiviert ist oder nicht.
quelle
Abgesehen von den bedingten IE-Kommentaren ist dies eine aktualisierte Liste, wie IE6 auf IE10 ausgerichtet werden kann.
Siehe spezifische CSS- und JS-Hacks außerhalb des IE .
quelle
\9
und\0/
fürdisplay
eine Klassenauswahl, aber beide werden auf IE10 als auch anzuwenden. Gibt es eine Möglichkeit, sich nur für IE9 zu bewerben [und darunter oder nicht]?\0/IE9
, haben es aber noch nicht getestet. Ansonsten kenne ich keine andere Möglichkeit, auf IE9 abzuzielen, es sei denn, Sie verwenden Bedingungsklauseln:<!--[if IE 9]><link rel="stylesheet" type="text/css" href="ie9-specific.css" /><![endif]-->
@media screen and (min-width:0\0) {
Hack scheint auch von IE11 analysiert zu werden - es sind also nicht nur 9 und 10 -, bitte überprüfen Sie Ihre Kommentare und aktualisieren Sie sie.Für IE sind mehrere Hacks verfügbar
Verwenden von bedingten Kommentaren mit Stylesheet
Verwenden von bedingten Kommentaren mit Kopfabschnitt CSS
Verwenden von bedingten Kommentaren mit HTML-Elementen
Medienabfrage verwenden
quelle
min-width:0\0
) auch für IE11Neben einem bedingten Kommentar kann auch die CSS-Browserauswahl http://rafael.adm.br/css_browser_selector/ verwendet werden, da Sie so auf bestimmte Browser abzielen können. Sie können dann Ihr CSS als festlegen
Auf diese Weise können Sie auch bestimmte Browser in Ihrem Haupt-Stylesheet ansprechen, ohne dass bedingte Kommentare erforderlich sind.
quelle
.ie9
funktioniert nicht, weil es seit 2010 nicht mehr aktualisiert wurde.Ich denke, für die beste Vorgehensweise sollten Sie eine bedingte IE-Anweisung in das
<head>
Tag schreiben , das einen Link zu Ihrem speziellen, dh Stylesheet enthält. Diese muss nach dem benutzerdefinierten CSS Link , damit es die letztere überschreibt, ich habe eine kleine Website , so dass ich die gleiche dh CSS für alle Seiten.Dies unterscheidet sich von James Antwort, wie ich denke (persönliche Meinung, weil ich mit einem Designer-Team zusammenarbeite und nicht möchte, dass sie meine HTML-Dateien berühren und dort etwas durcheinander bringen). Sie sollten niemals Stile in Ihre HTML-Datei aufnehmen.
quelle
Ein bisschen spät, aber das hat perfekt funktioniert, als ich versucht habe, den Hintergrund für IE6 & 7 zu verbergen
Ich habe diesen Hack erhalten über: http://briancray.com/posts/target-ie6-and-ie7-with-only-1-extra-character-in-your-css/
quelle
Willkommen BrowserDetect - eine großartige Funktion.
Der
Object
BrowserDetect bietet auchversion
Informationen, damit wir bestimmte Klassen hinzufügen können - zum Beispiel.$('*').addClass('ie9');
wenn(BrowserDetect.version == 9)
.Viel Glück....
quelle
Es hängt wirklich von den IE-Versionen ab ... Ich habe diese hervorragende Ressource gefunden, die von IE6-10 auf dem neuesten Stand ist :
quelle
Für / * Internet Explorer 9+ (einzeilig) * /
Nur diese Lösung funktioniert perfekt für mich.
quelle
quelle
quelle