reveal.js - 如何在reveal.js中设置图像样式?

标签 reveal.js

我现在尝试将透明 png 图像放入reveal.js 中:

<div class="slides">
    <section>
        <img src="sample.png">
        <p>sample image</p>
    </section>
</div>

其中图“sample.png”如下。

enter image description here

但是,有:
  • 图形边界出现白线
  • 并且这个数字不是完全透明的。 (包含一些白色?)

  • 我们怎样才能删除它?

    enter image description here

    最佳答案

    实际问题是,reveal.js 有一个样式,它在低不透明度下添加白色背景、框阴影和边框,如下所示:

    .reveal section img { 
        background: rgba(255, 255, 255, 0.12); 
        border: 4px solid #eeeeee;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) 
    }
    

    因此,解决方法是使用以下方法覆盖该样式:
    .reveal section img { background:none; border:none; box-shadow:none; }
    

    关于reveal.js - 如何在reveal.js中设置图像样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23082660/

    相关文章:

    javascript - 如何在 reveal.js 中将属性文本放在背景图像上?

    r - 带有 revealjs r markdown 演示文稿的 ggplotly 工具提示

    jupyter-notebook - 使用 reveal.js 的全息 View ( Bokeh )

    r-markdown - Reveal.js 中的左边距过大

    javascript - 在 reveal.js 中随机化幻灯片

    javascript - 如何将 `data-trim` 和 `data-noescape` 应用于 Reveal.js 中的 Markdown 代码块?

    javascript - 从上到下滚动显示

    scroll - 如何在四开中水平滚动?

    markdown - Reveal-md 和 Reveal.js + 外部 markdown 之间的差异

    node.js - 连接建立后如何运行 JavaScript 代码?