不要在未激活时调暗幻灯片内容

Don't dim slide content when not active

本文关键字：幻灯片 激活      更新时间：2023-09-26

我是第一次使用impress.js，想做一个调整。在这里看到的原始演示中，幻灯片在不活动时变得暗淡/透明。我看过另一个impress.js演示，在这里看到的图像/幻灯片在整个演示过程中保持不透明，除了第一张幻灯片(之后所有内容都变得不透明)。如何使特定的幻灯片或图像在整个演示过程中保持不透明?

在你的CSS中添加

.future : { opacity: 1.0 !important;}
.past : { opacity: 1.0 !important;}

或编辑

.impress-enabled .step {
  margin: 0;
  opacity: 0.3; <---  CHANGE THIS
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}

将改变不同步骤的不透明度

无论如何，你可以找到元素，选择你想要的一个，用jquery创建一个。css，例如:

$("body").find(".future")[0].css("opacity","1.0"); <-- This will change just the first future step found

无论如何，请阅读css规则和专用性:https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

希望有帮助

编辑

虽然你可能也想使用:first -child或:after (CSS选择器)也可以帮助你:http://quirksmode.org/css/selectors/firstchild.htmlhttp://www.w3schools.com/cssref/sel_after.asp

相关文章：