vue background-image 不显示问题

1、不能放到assets中。static文件在src目录下。也可以将文件放到public2、路径前面一定要对。../3、width: 100%;height: 100%;只是根据内容来展示大小。图片并不能百分百显示。需要加position；否则看不到图片.container {width: 100%;height: 100%;position:fixed;top: 0;left: 0;backg

念旧、sunshine

7664人浏览 · 2021-11-08 09:49:32

念旧、sunshine · 2021-11-08 09:49:32 发布

1、不能放到assets中。static文件在src目录下。也可以将文件放到public

2、路径前面一定要对。../

3、 width: 100%;height: 100%;只是根据内容来展示大小。图片并不能百分百显示。需要加position；否则看不到图片

.container {
  width: 100%;
  height: 100%;
   position:fixed;
    top: 0;
    left: 0;

  background:url('../static/background.png') no-repeat;
 
}

在img中可以：

 <img src="~assets/img/background.png" width="596px" height="427px"/>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^