如题,制作 isolides 幻灯片的过程中需要贴代码,但是代码框的背景颜色是灰色的,并且会覆盖旁边要展示的东西。我想把代码的背景颜色改为透明,于是把生成的 html 文件用文本编辑器打开翻了翻,翻到了一些可能跟代码背景颜色相关的 css 样式,但是看不懂……
.highlight-code slide.current pre > * {
opacity: 0.25;
-webkit-transition: opacity 0.5s ease-in;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.highlight-code slide.current b {
opacity: 1;
}
pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 20px;
line-height: 28px;
padding: 10px 0 10px 60px;
letter-spacing: -1px;
margin-bottom: 20px;
width: 106%;
left: -60px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.prettyprint {
background-color: #e6e6e6;
}
pre[data-lang]:after {
content: attr(data-lang);
background-color: darkgrey;
right: 0;
top: 0;
position: absolute;
font-size: 16pt;
color: white;
padding: 2px 25px;
text-transform: uppercase;
}
pre[data-lang="go"] {
color: #333;
}
code {
font-size: 95%;
font-family: 'Source Code Pro', 'Courier New', monospace;
color: black;
}
现在的样子:
