FadeIn (); box-элемент с jQuery и CSS3

Question

FadeIn (); box-элемент с jQuery и CSS3

0

У меня проблема с jQuery и показ элемента, который я хотел бы показать как окно. -Webkit-box / -moz-box и т.д.

НО. Если я использую функцию fadeIn в jQuery, она исчезает в блочном элементе? Я думаю, это обычная проблема, но я не мог найти ничего, что могло бы мне помочь.

Какие-нибудь советы?

CSS

.page-wrapper {
min-height: 100%;

display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
-webkit-box-orient: vertical;

display: -moz-box;
-moz-box-align: center;
-moz-box-pack: center;
-moz-box-orient: vertical;
}
#open-menu {
position: fixed;
color: #fff;
top: 0px;
left: 0px;
font-size: 2em;
padding: 5px;
}
#page-wrapper-menu {
position: fixed;
width: 100%;
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
text-align: center;
overflow: hidden;
display: none;
}

JQuery-код

$('#open-menu').click(function(){
    $('#page-wrapper-menu').fadeIn();
});
$('#page-wrapper-menu').click(function(){
    $('#page-wrapper-menu').fadeOut();
});

Erik Lindholm 07 окт. 2013, в 11:34

Источник

0

fadeIn () устанавливает отображение CSS для блокировки по дизайну.
Flea777 07 окт. 2013, в 09:08
0

Укажите код, который вы используете, что поможет вам лучше понять вашу проблему.
user2021917 07 окт. 2013, в 09:08
0

Flea777 да, я знаю, но как я могу получить такой же эффект, но заставить его исчезнуть в элемент box.
Erik Lindholm 07 окт. 2013, в 09:41
0

Вы можете создать одно правило CSS (например, .box) со всеми правилами, зависящими от браузера. Тогда внутри вашей анимации можно переключать только этот класс CSS с эффектом затухания. Это должно работать, потому что каждый браузер будет отображать свои правила.
Flea777 07 окт. 2013, в 09:48
0

Flea777 это хорошо, но это может быть анимировано?
Erik Lindholm 07 окт. 2013, в 11:24

Показать ещё 3 комментария

Теги:

javascript

jquery

css

html5

css3

1 ответ

Ещё вопросы

fadeIn () устанавливает отображение CSS для блокировки по дизайну.
Укажите код, который вы используете, что поможет вам лучше понять вашу проблему.
Flea777 да, я знаю, но как я могу получить такой же эффект, но заставить его исчезнуть в элемент box.
Вы можете создать одно правило CSS (например, .box) со всеми правилами, зависящими от браузера. Тогда внутри вашей анимации можно переключать только этот класс CSS с эффектом затухания. Это должно работать, потому что каждый браузер будет отображать свои правила.
Flea777 это хорошо, но это может быть анимировано?

user2021917 · Accepted Answer · 2013-10-07T07-56-00.000Z

здесь вы можете добиться эффекта затухания с изменением свойства отображения css. встроенный или встроенный блок или блок или любой другой.

$('').animate({display:"inline-block"},500);

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