fadeIn（）;使用jQuery和CSS3

箱元素我有jQuery的一個問題，表明我想顯示爲一個盒子.. -webkit-箱/ -moz-盒等fadeIn（）;使用jQuery和CSS3

而是一個元素。如果我在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(); 
});

來源

2013-10-07 Erik Lindholm

淡入（）設置的CSS顯示由設計到框。 – Flea777

提供您使用的代碼，這可能會幫助您更清楚地瞭解您的問題。 – 2013-10-07 09:08:25

Flea777是啊，我知道，但我怎麼能有相同的效果，但使其淡入盒元素。 –

在這裏你可以實現在CSS中的顯示特性變化淡入淡出效果。內聯，或內聯塊或塊或任何其他..

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

來源

2013-10-07 09:10:19

試過這個，但是因爲它需要爲每個瀏覽器使用不同的代碼，所以我不知道這是如何工作的：/ –

你寫的代碼是正確的。你不必爲每個瀏覽器提供box屬性。你給一個正常的規則，你會在所有瀏覽器中得到相同的結果 – 2013-10-07 10:29:21

fadeIn（）;使用jQuery和CSS3

回答

相關問題