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

Question

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

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

其中图“sample.png”如下。



但是，有:

图形边界出现白线

并且这个数字不是完全透明的。 (包含一些白色？)

我们怎样才能删除它？

Answer 1

实际问题是，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; }