bedingte Kommentare IE 9

Question

Ich habe eine CSS-Zeile, die auf einigen Klassen einer Wordpress-Site geändert werden soll, damit sie rückwärtskompatibel zu IE9 ist (derzeit befindet sie sich auf einer Localhost-Site in Entwicklung).

Das CSS, das ich ausschalten muss, ist nur eine Zeile und ich werde die Deckkraft von 0 auf 1 ändern, so dass die Überschriften in älteren IE-Versionen angezeigt werden - die Transformationen usw. werden nicht erkannt ein Problem.

Wenn ich einen bedingten Kommentar verwenden, da es nur eine Zeile CSS ist - kann ich folgendes:

<!--[if IE 9]> 
<style> 
span, .animate3, .animate4 {opacity: 1!important;} 
</style> 
<![endif]--> 

Ich kann keine Informationen zu finden scheinen über den Stil-Tag nach einer bedingten Kommentar mit . Es scheint einfacher zu sein, als ein Stylesheet für eine Codezeile einzurichten.

Jede Hilfe Ideen wäre genial

Paul.

Answer 1

Ja, die Art, wie Sie es einrichten, ist korrekt und kann in der des Dokuments implementiert werden.

Wie about conditional comments in den MSDN-Kompatibilität von Dokumenten erwähnt:

<!--[if expression]> HTML <![endif]--> 

ist der Weg, es zu schreiben. Jedes HTML-Element innerhalb kann geschrieben werden, so <style> ist gültig zu verwenden.

<!--[if IE 9]><style>body { background-color: red; }</style> <![endif]--> 

Lesen Sie mehr über bedingte Kommentare zu MSDN oder bei Quirksmode (mit einigen besseren Beispiele).