css - CSS 可以在 IE 中运行，但不能在 Chrome 中运行

Question

我的用于 Modal Popup 扩展器的 CSS 在 Chrome 中不起作用，但它在 IE 中完美运行。

这是我的CSS：

.modalBackground
{
    background-color:#250517;
    opacity:0.5;
    filter: alpha(opacity = 50);
}

.modalPopup 
{
        background-color:White;
        border-width:3px;
        border-style:solid;
        border-color:Black;
        padding:3px;
        width:250px;
        height:300px;

}

这是 IE 的屏幕截图，其中 CSS 运行良好：

这是 Chrome 的屏幕截图，其中 CSS 不起作用：

Answer 1

它在我的 chrome 浏览器中运行良好。你可以在这里或这里看到它。

你的 chrome 可能没有更新。我用 chrome 21 试过了。

Answer 2

.modalBackground {
    background: #250517;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modalPopup {
    background: #FFF;
    border: solid 3px #000;
    display: block;
    padding: 3px;
    width: 250px;
    height: 300px;
}

Answer 3

看，对于这样的事情......真的没有必要重新发明轮子。

我强烈推荐一个经过测试和测试的插件，它保证是跨浏览器和可靠的。你会为自己节省很多时间和精力。

试试 Shadowbox（一个 jQuery 插件）： http ://www.shadowbox-js.com/

祝你好运。