悬停在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

请查看以下代码。 你必须使用div的背景来解决IE 7 -9中的问题。 并确保使用DOCKTYPE in HTML。

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

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