懸停在div上溢出-y滾動 - Internet Explorer

Question

我有一個div裏面有一些內容，我希望這個div只在懸停時顯示一個垂直滾動條。我有以下代碼：

<div id="scroll" style="width:370px; height:50px;"> 
    lots of plain text inside 
</div> 

#scroll { 
    overflow: hidden; 
} 

#scroll:hover { 
    overflow-y: scroll; 
} 

它完美的Firefox，Opera和Chrome瀏覽器，但是對於IE 8和9，沒有滾動出現在懸停。是否有任何解決方案，使其在IE瀏覽器中的預期工作？

Answer 1

請用下面的代碼chk。 你必須使用背景到div來解決IE7 -9。 並確保您的DOCKTYPE in HTML。

#scroll { 
    background: #ffffff; 
    overflow: hidden; 
} 

#scroll:hover { 
    background: #ffffff; 
    overflow-y: scroll; 
}