如何在reveal.js中设置图像样式？
如何在reveal.js中设置图像样式？
提问于 2014-04-15 19:42:17
我现在正在尝试将透明的png图像放在reveal.js中为：
<div class="slides">
<section>
<img src="sample.png">
<p>sample image</p>
</section>
</div>其中图"sample.png“如下所示。
但是，有以下几点：
- 白色线条出现在figure
- 的边界，并且该图形不是完全透明的。(包含一些白色？)
我们如何删除它？
回答 5
Stack Overflow用户
回答已采纳
发布于 2014-09-26 17:56:29
实际问题是，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; }Stack Overflow用户
发布于 2016-09-10 17:40:37
在3.3.0版本中，有一个类Plain可以删除边框、阴影和背景
<img class="plain" src="myimages.png"/>Stack Overflow用户
发布于 2014-12-29 17:26:43
如果只想在特定图像上删除此效果，而不是在CSS文件中将其全局关闭，请将以下style属性添加到图像标签中：
<img src="sample.png" style="background:none; border:none; box-shadow:none;">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23082660
复制相关文章
相似问题