关于设置element中el-menu样式的问题

Question

我想设置个菜单栏，背景透明度设为50%或者更低，但是增加opacity，改变的是icon的颜色颜色透明度，请问我该怎么设置，还有，如果我想设置鼠标左移到最左侧跳出这个icon的菜单，我是用z-index吗
`
<el-menu

    background-color="rgb(44,62,80)" 
    router
>
    <!-- rgba(44,62,80,0.5)无效 -->
    <el-menu-item index="/home/params">
         <i class="el-icon-menu"></i>
    </el-menu-item>
    <el-menu-item index="/home/params">
        <i class="el-icon-user"></i>
    </el-menu-item>
    <el-menu-item index="/home/params">
        <i class="el-icon-document"></i>
    </el-menu-item>
    <el-menu-item index="/home/params">
        <i class="el-icon-setting"></i>
    </el-menu-item>
    </el-menu>
    <style scoped>

.el-menu{

border-right: none;
opacity:1;
/* opacity 只能改变icon透明度，背景透明度 */

}
</style>
`

Answer 1

background-color="rgba(44,62,80,.5)"
背景透明度50%

"如果我想设置鼠标左移到最左侧跳出这个icon的菜单，我是用z-index吗"
不是