CSS從高度自動轉換爲高度75％

Question

我做了一個從高度自動到高度的css轉換：75％。

CSS-轉型：

-webkit-transition: height 0.5s ease-in-out; 
-moz-transition: height 0.5s ease-in-out; 
-o-transition: height 0.5s ease-in-out; 
transition: height 0.5s ease-in-out; 

但它不是在IE和Firefox的工作。我在谷歌上發現了一些帖子，但無法找到解決方案。

謝謝你的幫助。

Answer 1

要與%工作，auto你可以min-height這樣的嘗試：

div { 
    -webkit-transition: height 1s ease-in-out; 
    -moz-transition: all 1s ease-in-out; 
    -o-transition: all 1s ease-in-out; 
    transition: all 1s ease-in-out; 
} 
div:hover { 
    min-height:75%; 
} 

入住這Demo Fiddle

_{在Chrome 31測試 - 火狐26}

Answer 2

試試這個：transition example

CSS：

.tran{ 
    -webkit-transition: height 0.5s ease-in-out; 
    -moz-transition: height 0.5s ease-in-out; 
    -o-transition: height 0.5s ease-in-out; 
    transition: height 0.5s ease-in-out; 
    height: 100px; 
    background: #e5e5e5; 
    height: 100%; 
} 

.tran:hover{ 
    height: 300px; 
} 

HTML：

<div style="height: 200px;"> 
    <div class="tran"> 
     Example 
    </div> 
</div> 

Answer 3

簡單，從高度變化最小高度或最大高度，什麼都將滿足您的需求更好。

例子：Fiddle