Не тусклый слайд-контент, когда он не активен

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; 
} 

изменит непрозрачность для различных этапов

Во всяком случае, вы можете найти элементы, и выберите один из них хочет и сделать .css с jquery, например:

$("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

Надеется, что это помогает

EDIT

Я, хотя у могу также использовать: Елки-ребенок или: после (CSS селекторы) также могут помочь вам: http://quirksmode.org/css/selectors/firstchild.html http://www.w3schools.com/cssref/sel_after.asp