代码之家 › 专栏 › 技术社区 › nam

带有html背景和字体颜色问题的MathJax

mathml mathjax latex

nam · 技术社区 · 8 年前

LaTex

<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>

1 回复 | 直到 8 年前

alex 8 年前

<span style='color:white;background:black'> 到 <span class='inverted'>

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

你可能还会发现 CSS Style Objects

编辑:

<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 可能真的很有帮助。

推荐文章

Enrico Anderlini · Github页面中的Mathjax

8 年前

Kai Pommerenke · 如何配置MathJax(AsciiMath)以允许数千个分隔符

8 年前

user2132672 · 每次运行单元时,Jupyter笔记本方程数都会增加

8 年前

Murugesan Rathinam · MathJax方程组在右侧显示垂直线,如何删除?

8 年前

nam · 带有html背景和字体颜色问题的MathJax

8 年前

mherzl · 如何在Haskell图中放置类似latex的数学公式(例如,通过mathjax)?

9 年前

Andican · 如何在Mezzanine(Python)中添加markdown数学渲染

11 年前

Truck · WebView代码在Android 4.4.2(API 19)模拟器上生成UncaughtTypeError和UncaughtReferenceError错误

11 年前

Riina · iPython笔记本输出乳胶或mathjax

12 年前