2010-12-13 6 views
0

einen Gradienten BG für mein Menü haben wollte, ohne verwenden, um ein Hintergrundbild
IE „Unterstützung“ Gradienten über es FiltereigenschaftFilter CSS-Eigenschaft mit ruiniert das Layout auf IE

öffnen Sie das folgende jsbin Beispiel auf IE zu sehen und mit ihm zu spielen http://jsbin.com/ijudu4/9/edit in IE7 kann die Liste nicht aus seinem Container brechen.

auf IE8 es funktioniert, aber wenn man z-index in den Behälter (zu lösen andere IE7 Probleme)
die Liste ist auch nicht sichtbar

meine „Lösung“ für jetzt hinzufügen, wird mit nur einem Hintergrund Bild, wird glücklich sein, einen besseren zu finden

+1

Die Frage ist - warum würden Sie solche schrecklichen Hacks verwenden, die IE-Filter sind? Besser geht es mit etwas, das zumindest nicht herstellerspezifisch ist, oder spezifisch für "aktuelle Browser" - sie unterstützen CSS3, das man dem IE überlassen kann und "den richtigen Weg" macht. –

+0

+1. Ich stimme Tomasz Kowalczyk voll und ganz zu. Die Verwendung von Filtern wird nicht empfohlen. – Jonathan

+0

Funktioniert gut in IE7 – Jogendra

Antwort

2

Ich würde empfehlen, CSS3Pie anstelle von filter zu verwenden, um IE zu tun, um Gradienten (und Grenzradius) zu tun.

CSS3Pie ist ein sehr cleverer kleiner Hack für den IE, mit dem Sie eine mehr standardkonforme Methode zum Einstellen dieser Eigenschaften verwenden können.

Hoffe, dass hilft.

+0

Danke für Ihren Vorschlag, und ich werde in diese Torte schauen, aber ich würde wirklich verstehen/lösen dieses Problem mit dem Filter - bereits "gelöst" es mit einem BG Bild –

+0

@Avi Pinto - ich freue mich Ich habe es gelöst. Ein Bild ist keine ideale Lösung, aber es macht den Job. CSS3Pie ist großartig, weil es keine Bilder verwendet, und Sie können eine richtige CSS-Lösung für jeden anderen Browser verwenden. – Spudley

+0

Spundley, du bist großartig. CSSPie ist wunderbar ;-) – Grashopper

Verwandte Themen