javascript - IE8 中不显示叠加层

Question

我正在使用它在 css 中的可见性来显示和隐藏一个 div。它在除 IE8 和 9 之外的所有其他浏览器中都能正常工作，我完全可以弄清楚原因。看到这里，谁能给出答案？

HTML

<div id="action-panel">
            Show mne
        </div>

CSS

#action-panel {
    position : fixed;
    height: 80%;
    width: 300px;
    background-color: #EEEEEE;
    right: 10px;
    visibility:hidden;
    display: block;
    top: 10%;
    overflow:scroll;
    padding: 10px;
    z-index: 1000;
    border-color: #000;
    border-width: 1px;
    border-style: groove;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

和 javascript

$('#action-panel').css('visibility', 'visible');

似乎它应该工作，除非我错过了一些东西