不活动时不要使幻灯片内容变暗答案

【问题标题】：Don't dim slide content when not active不活动时不要使幻灯片内容变暗
【发布时间】：2015-05-16 05:31:23
【问题描述】：

我是第一次使用 impress.js，想进行一些调整。原始演示 SEEN HERE 使幻灯片在不活动时变得暗淡/透明。我看过另一个 impress.js 演示文稿SEEN HERE，其中图像/幻灯片在整个演示文稿中保持不透明，除了第一张幻灯片（之后一切都变得不透明）。如何使特定幻灯片或图像在整个演示过程中保持不透明？

【问题讨论】：

标签： javascript css impress.js

【解决方案1】：

在你的css中添加

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

或编辑 impress-demo.css

.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

希望对你有帮助

编辑

虽然你可能还想使用 :firs-child 或 :after （CSS 选择器）也可以帮助你：http://quirksmode.org/css/selectors/firstchild.html http://www.w3schools.com/cssref/sel_after.asp

【讨论】：

这个链接也很有帮助。
记住！！ -> 在考虑 !important 之前，始终寻找一种使用特异性的方法。