背景图片与文字按钮用的是相对定位，背景图黑色透明该怎么写呢

img


<template>
   <div class="login_bg">
      <!-- 背景图 -->
      <div class="login_bg_img">
         <!-- <img src="../assets/images/beijing.png" alt=""> -->
      </div>
      <!-- <div class="login_main">
         <div class="login_main_header">
            <router-link><i class="icon"></i></router-link>
            <p>期待您的登录</p>
            <p>每天都能和不同的小伙伴讨论不同的美食</p>
         </div>
         <div></div>
         <div></div>
         <div></div>
      </div> -->
   </div>
</template>

.login_bg{
width: 100%;
overflow:hidden;
font-size:0
position: relative;
}
.login_bg_img{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.login_bg .login_bg_img>img{
width: 100%;
}
/* 整个布局页面 */
.login_bg .login_main{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}

去掉width

img

不明白你的意思。
background-color: rgba(0,0,0,0.5);

这已经设置透明了

img