向上滑動帶動畫的菜單

Question

他hecho esto：|我做了這一點：

<div class="example"> 
    <div class="menuholder"> 
     <ul class="menu slide"> 
      <li> 
       <a href="#" class="Burgergemeinde"> 
        Burger-gemeinde 
        <div class="rojo"></div> 
       </a> 
      </li> 
      <li> 
       <a href="#" class="Seniorenwohnungen"> 
        Senioren-wohnungen 
        <div class="naranja"></div> 
       </a> 
      </li> 
      <li> 
       <a href="#" class="Burgerheim"> 
        Burgerheim 
        <div class="amarillo"></div> 
       </a> 
      </li> 
      <li> 
       <a href="#" class="Schüür"> 
        Schüür 
        <div class="violeta"></div> 
       </a> 
      </li> 
      <li> 
       <a href="#" class="Forst"> 
        Forst 
        <div class="verde"></div> 
       </a> 
      </li> 
     </ul> 
    </div> 
</div> 

http://jsfiddle.net/qQ39J/1/ CSS代碼是在這裏裏面

彌pregunta ES：¿PORqué時恩野生動物園funciona佩羅EN火狐，不是嗎？ Puede alguien ayudarme？ Quizáno he ordenado bien elcódigo。

我的問題是：爲什麼在Safari中工作，而不是在Firefox中工作？誰能幫忙？ 也許我沒有寫出正確的代碼。 這太難了。

Answer 1

這裏是一個JS小提琴演示，它在Firefox中工作。

fiddle

通過它可以幫助你轉換。

這裏的CSS

#main 
{ 
height:200px; 
width:200px; 
background-color:red; 
-webkit-transition: height 0.9s ease-in-out; 
-moz-transition: height 0.9s ease-in-out; 
-ms-transition: height 0.9s ease-in-out; 
-o-transition: height 0.9s ease-in-out; 
transition: height 0.9s ease-in-out; 
} 

#main:hover 
{ 
height:300px;  
} 

這裏的CSS和動畫一個div。

<div id="main"></div> 

檢查，如果你不能繼續成功的結果讓我知道。生病開始編輯你的答案在小提琴:)