htmlの背景とフォントの色を指定したMathJax

htmlの背景とフォントの色を使用すると、次のhtmlファイルでは表示モードでLaTexという表現（分数a/b）が表示されません。また、インラインモードでは、背景とフォントの色を使用して、分母は下端をかなり小さくカットします（下の図を参照）。 MathJaxを私たちに提供してくれてありがとう。私たちの仕事の多くの分野で私たちを助けてくれています。htmlの背景とフォントの色を指定したMathJax

HTMLファイル

<html> 
<head> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML"> 
</script> 
</head> 
<body> 
A \(\frac{a}{b}\) fraction in inline mode 
<br/> 
A\[\frac{a}{b}\] fraction in display mode 
<br/> 
A <span style='color:white;background:black'>\(\frac{a}{b}\)</span> fraction in inline mode with black background and white font 
<br/> 
A <span style='color:white;background:black'>\[\frac{a}{b}\]</span> fraction in display mode with black background and white font. This one is not displaying fraction. 

</body> 
</html>

IE 11とChromeの両方で表示：

出典

2017-08-06 nam

あなたは<span class='inverted'>に<span style='color:white;background:black'>を変更し、あなたに、このCSSコードを追加することによって、それを解決することができますスタイルシート

.inverted .math { 
    color: white; 
    background-color: black; 
}

またCSS Style Objectsが役に立つかもしれません。

EDIT：

このCSSを追加する1つの方法は、このようなあなたの<head>タグ内のコードを変更することです：

<head> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_HTMLorMML"></script> 
    <style type="text/css"> 
    .inverted .math { 
     color: white; 
     background-color: black; 
    } 
    </style> 
</head>

私も強く（CSSの基本を学ぶためにあなたをお勧めします少なくとも）、w3schools tutorials本当に役立つかもしれません。

出典

2017-08-06 02:42:31 alex

あなたの提案はうまくいった（ありがとう）。上記の私のHtmlファイルの ''タグに ''の中にあなたのcssコードを追加しました。 – nam

@namこれを行うには他にも多くの問題があります。時間を無駄にするのを避けるために、チュートリアルを読むことを検討してください。がんばろう。 – alex

htmlの背景とフォントの色を指定したMathJax

答えて

関連する問題