Web前端最新Vue中设置背景图片和透明度_vue透明度，前端开发学习费用

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

怎么样怎么样家人们 ， 是不是一下就感觉逼格上来了。

接下来我们直接上代码：

1、首先在自己的登录页面中加两个div标签

<div class="wrapper">
    //背景中的内容
    <div id="building">
    //放在这里的内容都会透明显示
    </div>
</div>

参考login页面：

<template>
  <div class="wrapper">
    <div id="building"
 style="margin: 200px auto; background-color: #fff; width: 350px; height: 300px; padding: 20px; border-radius: 10px">
      <div style="margin: 20px 0; text-align: center;font-size: 24px"><b>登 录</b></div>
      <el-form :model="user" :rules="rules" ref="ruleForm">
        <el-form-item prop="username">
          <el-input size="medium" style="margin: 10px 0" prefix-icon="el-icon-user" v-model="user.username"></el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input size="medium" style="margin: 10px 0" prefix-icon="el-icon-lock" show-password
 v-model="user.password"></el-input>
        </el-form-item>
        <el-form-item style="margin: 10px 0; text-align: right">
          <el-button type="primary" size="small" autocomplete="off" @click="login">登 录</el-button>
          <el-button type="warning" size="small" autocomplete="off" @click="$router.push('/register')">注 册</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

2、css样式如下

<style>
.wrapper {
 /\*渐变的背景色\*/
 /\*height: 100vh;
 background-image: linear-gradient(to bottom right, #FC466B, #3F5EF8);
 overflow: hidden;\*/
 /\*背景图\*/
 background: url("../assets/login-background.jpg");
 width: 100%;
 height: 100%;
 position: fixed;


### 最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

>技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

![](https://img-blog.csdnimg.cn/img_convert/2219952395a9000489a96572870638f5.webp?x-oss-process=image/format,png)


，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中...(img-RaoiEudo-1715200602128)]