Как добавить наложение с помощью jQuery + css?

Question

Я хочу показать контейнер с наложением (средний черный экран темы на фоне), который медленно показывается и отображается в полном объеме через несколько секунд. Поэтому я использовал свойство непрозрачности в этом, но он не работает для меня.

Я хочу показать контейнер медленно с черным наложением с помощью css.
здесь jsfiddle: http://jsfiddle.net/g7Jj2/

#container{ 
    width:100%; 
    opacity: 0;  
    -webkit-transition: opacity 2s; 
} 
.cc{ 
    opacity: 1; 
} 

Благодаря

Answer 1

попробовать это:

.cc{ 
    opacity: 1 !important; 
} 

jsFiddle

Answer 2

Демо: http://jsfiddle.net/g7Jj2/1/

Ваш CSS переопределяется из-за специфики.
Используйте вместо этого:

#container.cc{ 
    opacity: 1; 
} 

Answer 3

надеюсь, что это поможет вам

#container{ 
width:100%; 
background:red; 
height:100px; 
opacity: 0;  
transition: opacity 2s ease; 
-webkit-transition: opacity 2s ease; 
} 
#container.cc{ 
opacity: 1; 
    } 

Demo