时间戳

首页 > 解决方案 > css背景图片不显示在vue中

css - css背景图片不显示在vue中

问题描述

我正在使用vue-burger-menu并且我正在尝试使用图像自定义背景，但它没有显示。

.bm-burger-button{
    background-image: url('adjust.png');
}
.bm-burger-bars.line-style{
  display: none;
}

adjust.png与包含侧边栏的 vue 页面位于同一组件文件夹中。

当我做：

.bm-burger-button{
    background-color: rgba(66,147,167,1);
    border-radius: 20px;  
}

它将背景显示为蓝色圆圈，但是当我想使用图像时，图像不会显示。关于如何解决这个问题的任何想法？谢谢！

更新

我能够通过添加：

background-size: 100% 100%;

标签： cssvue.jsbackground-imagesidebarhamburger-menu

解决方案

推荐阅读