代码之家 › 专栏 › 技术社区 › 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 可能真的很有帮助。

推荐文章

Kensmosis · 是否有方法在pandoc标题元数据中包含乳胶符号(例如-M标题“$x\rightarrow y$”)?

1 年前

Sam · 在LaTeX中将图像添加到预制的投影仪中

1 年前

user2609605 · github上的CI:日志不完整

1 年前

Julia · MacOS上Texifier中的LaTeX铸币包装

1 年前

mzkrc · ! LaTeX错误:缺少\ begin{document}。错误:LaTeX无法编译paper_template.tex

1 年前

fortytwo · 包括LaTeX附录中的html页面

1 年前

Javier Arambarri Calvo · 使用Fancyfot的页码覆盖默认页码

1 年前

Jonas Striaukas · rmarkdown数字未出现在pdf中

2 年前

Erik · 每个条形图下面都有文本的乳胶条形图?

2 年前

user123945 · 使用R实现从Latex到PDF的即时转换

2 年前