javascript - 淡入（）; 带有 jQ​​uery 和 CSS3 的框元素

Question

我对 jQuery 有疑问，并显示了一个我想显示为框的元素.. -webkit-box / -moz-box 等

但。如果我在 jQuery 中使用 fadeIn 函数，它会淡入块元素吗？我想这是一个常见问题，但我找不到任何可以帮助我的东西。

有小费吗？

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

Answer 1

在这里，您可以通过更改 css 的显示属性来实现淡入淡出效果。内联，或内联块或块或任何其他..

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