0

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

4

1 回答 1

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

于 2015-05-16T08:31:35.447 回答