internet-explorer - 将鼠标悬停在 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 的背景才能在 IE7 -9 中工作。并确保您的DOCKTYPE in HTML.

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

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