2016-11-18 5 views
1

Chrome on Left, Firefox on Rightwie einen durchgestrichener in jqmath in firefox

Wir verwenden jqmath zu machen und möchten die line-through text-decoration verwenden, wie hier beschrieben: How does one indicate strikethrough in jqmath?

Der in Chrome funktioniert, aber funktioniert nicht in Firefox.

.deletedText { 
    color: red; 
    text-decoration: line-through; 
} 

... Keines von beiden wird eine Linie Durch in FireFox (aber beide arbeiten in Chrome)

<li>$ \cl "deletedText"{ax^2+bx+c=0}$</li> 
<li class="deletedText">$ax^2+bx+c=0$</li> 

geschätzt Jede Hilfe wird produzieren.

Antwort

0

Dies ist ein Problem mit nativem MathML in Firefox. Firefox und Safari implementieren tatsächlich (große Teile von) MathML, aber die Implementierungen berücksichtigen nicht immer alle CSS-Eigenschaften. Dieses Beispiel funktioniert beispielsweise in Safari 10, aber ich weiß nicht, ob es in Zukunft in Safari weiter funktionieren wird. Sie könnten einen Fehler bei Mozilla einreichen. Ein Problem ist, dass MathML nicht aktiv von den Browseranbietern bearbeitet wird (ich hoffe, dass sich das ändern wird, wenn Schulen mehr Computer bekommen, aber ich hoffe seit Jahren/Jahrzehnten, seufzen), und ein weiteres Problem ist die MathML-Spezifikation wurde für Nicht-CSS- und Pre-CSS (!) - Umgebungen entwickelt, und einige argumentieren, dass die Spezifikation nicht explizit besagt, dass alle CSS-Eigenschaften implementiert/respektiert werden müssen.

Wenn gestrichener eine Voraussetzung für Sie, dann in der kurzfristigen ist Sie nativer ausschalten (Browser) MathML in javascript:

M.MathML=false; 

Tun Sie dies in einem <script>, die nach dem <script src="...">-Tag ist, die Sie verwenden um jqmath zu laden.

+0

Danke Dave. Ich weiß es zu schätzen, dass Sie sich die Zeit genommen haben, zu antworten! –

+0

Gern geschehen! Wenn du anderen signalisieren möchtest, dass meine Antwort "korrekt" ist, kannst du sie akzeptieren (beachte, dass du noch nicht genug Reputation hast, um sie zu verbessern): http://stackoverflow.com/help/someone-answers –

+0

Fertig , Danke noch einmal. Ihre Lösung funktioniert, aber einer unserer Entwickler schickte uns eine andere Idee: "Anstatt jqMaths \ cl 'strikeout zu verwenden, um die css-Klasse aufzurufen, verwenden Sie das \ html-Tag und betten die Klasse mit einem Span ein Rendern Sie den Inline-Stil, anstatt jqMath auszuführen. " Vielleicht ist dies ein weiterer Workaround zu prüfen. –

Verwandte Themen