我现在尝试将透明 png 图像放入reveal.js 中:
<div class="slides">
<section>
<img src="sample.png">
<p>sample image</p>
</section>
</div>
其中图“sample.png”如下。
但是,有:
我们怎样才能删除它?
最佳答案
实际问题是,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/