2013-05-22 6 views
6

Ich bin erst kürzlich zu realise that gekommen Internet Explorer 10 unterstützt die Eigenschaft CSS border-image überhaupt nicht, nicht einmal mit einem Hersteller-Präfix.Jede Möglichkeit, den Internet Explorer 10 zu "hacken", um das Border-Image anzuzeigen?

Meine normale Einstiegslösung wäre die Verwendung von CSS3 PIE, aber das ist in der einzigartigen Situation, dass ich nicht viel tun kann, da Microsoft sich entschieden hat, die Unterstützung für .htc-Verhaltensweisen in IE10 abzulehnen. Es gibt eine Diskussion darüber in ihren Foren here.

Es scheint möglich, dass es einen Workaround geben könnte, indem Sie eine benutzerdefinierte JS-Version von CSS3 PIE erstellen, aber ich bin abgeneigt, den Performance-Hit zu nehmen.

Gibt es eine andere Möglichkeit, die IE10 von IE10 zu überzeugen, Border-Image zu unterstützen (wie es wirklich sollte!).

+1

99% sicher, dass Sie entweder Skript oder markieren Sie es gerade aus dem Tor als ein 9x9 Gitter mit Hintergrundbildern. 'border-image' ist sowieso nur ein schicker Ersatz für das 9x9 Grid ... – svidgen

Antwort

4

IE10 nicht vollständig entfernen Unterstützung für HTC Verhaltensweisen. Sie können sie immer noch verwenden, wenn Sie force IE10 to emulate IE9, die Sie, indem Sie die folgenden Meta-Tag tun können:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> 

Dies würde Sie wieder CSS3 PIE HTC Verhalten verwenden, aber es würde Sie auch verwenden, andere neue Features verhindern eingeführt in IE10. Es ist eine Abwägung, aber eine, die es Ihrer Website erlauben würde, wie beabsichtigt in IE10 zu erscheinen, bis ein besserer border-image Polyfill verfügbar ist.

+0

Danke, ich hatte keine Chance, das vollständig zu untersuchen, und ich vermute, dass ich einfach den 'graceful degradation'-Ansatz für diesen verwenden werde Vorerst. Ihr Vorschlag ist sicherlich am sinnvollsten, wenn das Border-Image essentiell ist. Es ist eine Schande, dass selbst mit Microsofts neuestem Browser immer noch signifikante Kompromisse im Vergleich zur Konkurrenz bestehen. Sagt viel, dass in diesem Fall ihr vorheriger Browser besser ist! – johnkavanagh

Verwandte Themen