Question

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

Answer 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

不活动时不要调暗幻灯片内容

1 个答案: