我无法让背景淡入

Question

我已经创建了一个帮助文本框，该文本框在点击时打开，另一个div用于透明背景以包围它。当你打开它时，我希望背景淡入。

.black_overlay {                   
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

这段代码只是不想工作，有什么建议吗？