如何删除弹出窗口的透明度

Question

我的MVC应用程序中有一个弹出窗口向用户显示通知，代码如下

<span class="noti glyphicon glyphicon-bell"><span class="count">&nbsp;</span></span>
                    <div class="noti-content">
                        <div class="noti-top-arrow"></div>
                        <ul id="notiContent"></ul>
                    </div>

CSS如下

<style type="text/css">

        .noti-content {
            position: fixed;
            right: 100px;
            background: #e5e5e5;
            border-radius: 4px;
            top: 47px;
            width: 250px;
            display: none;
            border: 1px solid #9E988B;
        }

        ul#notiContent {
            max-height: 200px;
            overflow: auto;
            padding: 0px;
            margin: 0px;
            padding-left: 20px;
        }

            ul#notiContent li {
                margin: 3px;
                padding: 6px;
                background: #fff;
            }

        .noti-top-arrow {
            border-color: transparent;
            border-bottom-color: #F5DEB3;
            border-style: dashed dashed solid;
            border-width: 0 8.5px 8.5px;
            position: absolute;
            right: 32px;
            top: -8px;            
        }

        span.noti {
            color: #FF2323;
            margin: 15px;
            position: fixed;
            right: 100px;
            font-size: 18px;
            cursor: pointer;            
        }

        span.count {
            position: relative;
            top: -3px;
        }
    </style>

当我打开弹出窗口时，弹出窗口看起来很透明，可以看到弹出背景后面的背景内容。

你能不能请任何人告诉我如何删除弹出窗口的透明度，并防止通过弹出窗口看到背景内容。