将全屏图像添加到impress.js演示文稿中

时间:2018-07-27 09:51:35

标签: javascript css impress.js

我刚刚发现了impress.js,我想知道哪种方法是实现显示全屏图像的幻灯片/步骤的最佳方法。

我尝试了几种方法,但没有找到任何解决方案。您可以在https://ccamara.github.io/impress-slides-sample/(代码为here的存储库)上查看失败尝试的结果。

您会看到我尝试了几件事:

  1. 尝试通过内联代码手动调整图像来复制此演示:我不喜欢这种方法,因为它很难重用(我希望用全屏图像创建几张幻灯片,需要太多代码,我不会不能与markdown一起使用) enter image description here
  2. 将一个类添加到幻灯片,然后尝试创建一个css规则。这是我最喜欢的方法,但是我对CSS不太满意,也没有设法使其正常工作。几乎可以正常工作:身高可以,但体重不可以。我希望将图像居中,并摆脱上部和下部。 enter image description here
  3. 添加带有内联代码的背景。这种方法受大多数问题困扰,但我应该控制其位置。 enter image description here

恐怕这可能是css问题,但定位对象我一点也不擅长。

0 个答案:

没有答案