引导模态淡入淡出

Question

我正在尝试使用淡入的透明背景获取我的模态之一 但是我不能这是我的模态

<style type="text/css">
.modalUsrMenu
{

    background: transparent !important;
    background-color: transparent !important;
}

</style>

<div class="modal modalUsrMenu fade in" id="mdlUsrMenu" role="dialog">
    <div class="modal-dialog mdlUsrMenuDialog">

        <!-- Modal content-->
        <div class="modal-content mdlUsrMenuContent">
            <div class="modal-body mdlUsrMenuBody">
                <ul class="">
                    <li><a href="#" style="cursor:context-menu">user100</a></li>
                    <li><a href="/yii2ctab/frontend/web/channel/new">Create Channel</a></li>
                    <li class="divider"></li>
                    <li><a class="" href="/yii2ctab/frontend/web/user/p?u=user100">My Profile</a></li>
                </ul>
            </div>
        </div>

    </div>
</div>

如果我将.fade.in背景设置为透明，则可以使用，但是我所有的模态都将具有背景透明；但我只希望modalUsrMenu的背景透明 ;请帮助