vue-解决background-image：url不显示问题

news/2024/5/20 7:21:10

如上图所示，需求是给网页设置背景图，但实际效果是图片无法显示，已经确认地址是没问题的，网上教程有些是让在路径作为参数包裹在require方法里面，但还是未起作用。

折腾许久之后，发现了解决办法，只需要给div设置高度即可

<style>
.background {height: 120vh;
}
</style>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hjln.cn/news/25454.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈，一经查实，立即删除！

dotnet 8 版本与银河麒麟V10和UOS系统的 glibc 兼容性

刚刚好 dotnet 8 的 glibc 版本足够旧，可以运行本文记录于 2024.04.26 如果你阅读本文时间距离本文记录时间过远，可能本文记录的信息已失效 dotnet 根据 dotnet 的 supported-os 文档记录，当前的 dotnet 8 是 8.0.4 版本，官方说明是支持 Debian 11 及以上版本实际测试可以…

读天才与算法：人脑与AI的数学思维笔记11_算法如何思考

读天才与算法：人脑与AI的数学思维笔记11_算法如何思考1. 创造力 1.1. 创建一种算法，其首要任务是放弃已知的所有艺术风格，然后判断由算法自己所产生的艺术品是否具有与所有艺术风格都截然不同的特性，即真正独树一帜的艺术风格 1.2. 抗性模型同样适用于人类创造力代码的引导…

.net8系列-04图文并茂手把手教你配置Swagger支持token以及实现Swagger扩展，Swagger代码单独抽离

前情提要接上篇文章，我们当前已完成如下内容：创建应用成功创建接口成功配置Swagger实现接口注释和版本控制本文章主要内容为：配置Swagger支持token传值测试接口快速上手-代码配置添加如下代码文件目录：\xiaojinWebApplication\xiaojinWebApplication\Program.cs// S…

.net报错异常及常用功能处理总结（持续更新）

@目录1. WebApi dynamic传参解析结果中ValueKind = Object处理方法问题描述方案1：(推荐，改动很小)方案2：2.C# .net多层循环嵌套结构数据对象如何写对象动态属性赋值问题描述JavaScript动态属性赋值.net动态属性赋值3.Object.GetType().GetProperty().GetValue()读取对象报错…

百度昆仑、华为NPU

百度昆仑、华为NPU 为智能计算而生的昆仑芯XPU架构昆仑芯科技团队于2017年在Hot Chips上发布自研的、面向通用AI计的芯片核心架构——昆仑芯XPU。集十余年AI加速研发实践，昆仑芯XPU从AI落地的实际需求出发，按照复杂前沿的人工智能场景需求开展迭代，致力为开发者提供通用、…

计算机（电脑）硬件组成基本介绍4

详细介绍的计算机（电脑）硬件组成.电源插座为主板提供供电的电源接口目前，主板电源接口插座主要采用ATX电源接口， ATX电源接口一般为24针电源插座、8 针电源插座、4针电源插座等，主要为主板提供5V、 12V、3.3V 电压等. ATX 电源都支持软件关机功能。目前，双核CPU 主板上的…

计算机（电脑）硬件组成基本介绍3

详细介绍的计算机（电脑）硬件组成.重要接口SATA连接大容量存储设备的SATA接口SATA （Serial ATA）接口即串行ATA，它是目前硬盘采用的一种新型的接口类型。SATA接口主要采用连续串行的方式传输数据，这样在同一时间点内只会有1位数据传输，此做法能减小接口的针脚数目，用4个针…

计算机（电脑）硬件组成基本介绍1

详细介绍的计算机（电脑）硬件组成。目录目录操作系统与硬件及应用程序软件的关系电脑各个设备之间关系如何评价一台电脑? 通过CPU型号看性能通过 CPU 主频评价通过内存容量评价通过显卡芯片及显存容量评价通过显示器评价中央处理器存储器输入设备输出设备接口…

vue-解决background-image：url不显示问题

相关文章