Simulation text-Schlaganfall in Internet Explorer
Allen Browsern mit Ausnahme des Internet Explorer (auch der IE9-beta, offenbar) unterstützen text-shadow
, und zusätzlich, webkit-Browser scheinen zu verstehen, dass -webkit-text-stroke
. Aber wie zu emulieren text-Schlaganfall in den Internet Explorer? Ich habe einen Blick auf die verfügbaren Filter und es scheint mir, dass niemand kann verwendet werden, um dies zu simulieren, abgesehen vielleicht vom Schein, aber es schafft einen verschwommenen Schein, nicht um eine Feste Kontur.
Gibt es eine Möglichkeit, dies zu erreichen mit Hilfe von CSS und/oder Microsoft-Filter/Verhaltensweisen und/oder JavaScript?
Ich brauche nicht die Lösung, um in alten IE-Versionen, mein layout ist nicht zu optimiert für IE7 oder älter.
InformationsquelleAutor mingos | 2010-12-31
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es diese hier, die ich ausgegraben von vor einer Weile:
http://jsfiddle.net/kovalchik/yJff9/
Kann ich nicht testen, ob es tatsächlich funktioniert oder nicht aber da bin ich mit einem mac im moment. Es sieht ein bisschen wie ein dirty hack als gut. Aber es könnte einen Versuch Wert sein 😛
InformationsquelleAutor David Hewitt
Ich war auf der Suche nach einem cross-browser-text-Schlaganfall-Lösung, die funktioniert, wenn überlagert auf hintergrund-Bilder. denke ich habe eine Lösung für diese, die nicht die zusätzlichen mark-up, js und funktioniert im IE7-9 (habe ich noch nicht getestet 6), und verursacht keine aliasing-Probleme.
Dies ist eine Kombination der Verwendung von CSS3 text-shadow, die hat gute Unterstützung außer dem IE (http://caniuse.com/#search=text-shadow), dann mit einer Kombination aus Filter für den IE. CSS3 text-stroke-support ist schlecht im moment.
IE Filter
Den filter "glühen" (http://www.impressivewebs.com/css3-text-shadow-ie/) sieht schrecklich aus, so wollte ich nicht verwenden.
David Hewitt Antwort beteiligt, hinzufügen von Schlagschatten-Filter in einer Kombination von Richtungen. ClearType ist dann leider entfernt, so dass wir am Ende mit schlecht Aliasing-text.
Ich dann kombiniert einige der Elemente vorgeschlagen, auf useragentman mit der dropshadow-Filter.
Setzen Sie zusammen
Diesem Beispiel wäre der schwarze text mit einem weißen Strich. Ich bin mit bedingter html-Klassen, die durch die Art und Weise zu Ziel IE.
Haben Sie versucht, die änderung der textshadow-und IE-offsets 2px?
Wird es nicht noch dicker weißer? Ich war auf der Suche für die gleiche Kontur wie der FF. Ich weiß, es ist vielleicht nicht exakt, aber nah genug.
Ja es macht es dicker - ich war mir nicht sicher was du meinst mit dem 'skizzenhaften', dachte ich, du meintest teilweise fehlt auf den Umriss. Es ist praktisch unmöglich, alle browser-Versionen suchen, die dasselbe mit reinem css, vor allem früher, DH. IE10 und 11 sehen gut aus, nach meiner Erfahrung, und ich mache Kompromisse, die auf früheren Versionen des IE - wenn es nicht perfekt Aussehen, es ist keine große Sache, die oben genannte Lösung ist so gut, wie habe ich es geschafft, es zu bekommen <=IE9
Ich Stimme zu, und Ihre Methode ist das einzige, das funktioniert für mich so weit. Ich denke, es ist weil ich bin mit einer comic-Schrift, so manchen Bereich der weißen erstreckt sich mehr als andere Teil des Textes.
InformationsquelleAutor crdunst