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

希希莱娜
  • 27

我想设置个菜单栏,背景透明度设为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>
`
1571628171(1).png

回复
阅读 12.5k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏