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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (114)

我现在试图在reveal.js中放入透明PNG图像,如下所示:

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

其中图“sample.png”如下。

但是,有:

  • 白线出现在图的边界
  • 而且这个数字并不完全透明。(包含一些白色?)

我们如何删除它?

提问于
用户回答回答于

如下所示:

.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; }
用户回答回答于

如果你只想在特定图片上移除此效果,而不是在CSS文件中将其全部关闭,请将以下样式属性添加到图片标记中:

<img src="sample.png" style="background:none; border:none; box-shadow:none;">

所属标签

可能回答问题的人

  • 天使的炫翼

    15 粉丝531 提问35 回答
  • 旺仔小小鹿

    社区 · 运营 (已认证)

    48 粉丝0 提问27 回答
  • 富有想象力的人

    2 粉丝0 提问26 回答
  • 发条丶魔灵1

    6 粉丝525 提问25 回答

扫码关注云+社区

领取腾讯云代金券