Internet Explorer 9 magisch expandierende div

Nun, ich bin ratlos mit diesem. Wie Sie sehen können, wenn Sie this jsfiddle mit Internet Explorer 9 anzeigen, gibt es ein Div, das automatisch bei Hover erweitert. Kein JavaScript erforderlich! Wie auch immer, ich habe die CSS mit der W3C validator überprüft und es zeigt mehrere Fehler, aber soweit ich sagen kann, sind sie aufgrund der herstellerspezifischen Eigenschaften, oder zumindest habe ich nicht in der Lage, Syntaxfehler zu finden, etc. Ich vermute dies insbesondere Klasse könnte zu viel für IE sein 9:Internet Explorer 9 magisch expandierende div

div.gridViewScrollerH 
{ 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
}

Hat jemand dieses Problem vorher gehabt? Irgendwelche Ideen? Dank

Quelle

2012-11-12 JayPea

IE9 braucht nicht '-ms-Überlauf-x' oder' -ms-Überlauf-y'. Das sind Aliase von 'overflow-x' und' overflow-y', also gibt es keinen Grund, sie zu verwenden, wenn Sie bereits die Versionen ohne Präfix verwenden (sie haben keine Wirkung, wenn Sie dies tun). – BoltClock

Dies ist eher ein Auto vs versteckte Überlauf Problem, denke ich. Einige Kombinationen von Werten funktionieren beispielsweise nicht. – BoltClock

@BoltClock Ja, ich hatte diese ursprünglich nicht. Ich habe diese Zeilen hinzugefügt, als ich anfing, verzweifelt zu werden: p – JayPea

fügen Sie einfach display: inline-block; der Klasse

div.gridViewScrollerH 
{ 
    display: inline-block; 
    width: 916px; 
    overflow-x: auto; 
    overflow-y: hidden; 
    -ms-overflow-x: auto; 
    -ms-overflow-y: hidden; 
}

Quelle

2012-11-12 23:37:00 Varon

Ich wäre vorsichtig, wenn ich zufällige Dinge in Tabellenkästen verwandeln würde ... – BoltClock

Entschuldigung. 'Anzeige: Inline-Block' meinte ich. Ich habe die Antwort geklärt. Thnx BoltClock – Varon

Dies hat den Trick gemacht. Vielen Dank. – JayPea

Dieses Problem spezifisch für IE9. Machen Sie den Überlaufstil der div zu Scroll, anstatt automatisch anzuwenden.

Quelle

2014-04-10 12:18:27 Aru

Bitte versuchen Sie min-height: 0% in der Klasse

Quelle

2015-12-09 10:39:54 eeedev

Internet Explorer 9 magisch expandierende div

Antwort

Verwandte Themen