轉換在Safari中被竊聽

我發現了一個奇怪的錯誤。我需要在盒子上做一個過渡寬度/高度，我需要這個盒子是絕對的和內聯塊。這適用於Safari瀏覽器以外的所有瀏覽器。轉換在Safari中被竊聽

HTML：

<div id="block"> 
SOME TEXT 
</div>

CSS：

#block { 
    height: 200px; 
    width: 200px; 
    background-color: yellow; 
    -moz-transition: 0.6s all; 
    -webkit-transition: 0.6s all; 
    -o-transition: 0.6s all; 
    transition: 0.6s all; 
    display: inline-block; 
} 

#block:hover { 
    height: 400px; 
    width: 400px; 
    background-color: blue; 
    position: absolute; 
}

inline-block的+絕對使過渡在Safari沒有工作相結合。任何人都知道如何解決它？謝謝。

來源

2014-06-27 Keveun

Firefox有類似的bug。如果您想要轉換，則無法更改位置屬性。 – Turnip

'越野車'是什麼意思？你需要更具體。 –

沒有過渡。立即發生變化 – Turnip

刪除位置：絕對從#block:hover

Updated DEMO

#block:hover { 
    height: 400px; 
    width: 400px; 
    background-color: blue; 
}

來源

2014-06-27 12:04:30

」我需要這個盒子是絕對的和嵌入塊「 - OP – Turnip

然後給這個絕對的#block像這樣http://jsfiddle.net/575FE/8/ –

轉換在Safari中被竊聽

回答

相關問題