作者:余夫子曰 | 来源:互联网 | 2022-12-30 11:44
通过尝试从我的应用程序中引用图像,我一直困扰着我。目录结构为:
src / app / assets / images / splashImage.png
在这种微不足道的情况下,我尝试从以下方面引用它:
src / app / app.component.html
html的第一行:
css文件:
.splashContainer {
background: url("../../assets/images/splashImage.png") no-repeat center center fixed;
生成诊断程序说无法从-> URL路径找到文件。
我的规则显然是错误的,是从容纳html的文件夹开始计数。app为1,而src为2,这使我位于资产文件夹上方。因此,这两个../部分。
我究竟做错了什么?
提前致谢。瑜伽士
1> 小智..:
尝试
background: url(assets/images/splashImage.png) no-repeat center center fixed;
推荐阅读
-
本文详细介绍了如何在ReactJS项目中集成Onsen-UI的ActionSheetButton组件,并通过具体示例展示了其使用方法及效果。 ...
[详细]
蜡笔小新 2024-11-25 13:04:57
-
蜡笔小新 2024-11-25 16:58:20
-
-
本文介绍了如何利用IntelliJ IDEA中的BashSupport插件来增强Shell脚本的开发体验,包括插件的安装、配置以及脚本的运行方法。 ...
[详细]
蜡笔小新 2024-11-25 11:20:34
-
首先,找到IIS的数据库。默认是在C:\WINDOWS\system32\inetsrv下的MetaBase.xml文件。如果找不到,请右键右键站点-》所有服务-》将配置保存到一个 ...
[详细]
蜡笔小新 2024-11-25 10:44:48
-
本文介绍了基于Java的在线办公工作流系统的毕业设计方案,涵盖了MyBatis框架的应用、源代码分析、调试与部署流程、数据库设计以及相关论文撰写指导。 ...
[详细]
蜡笔小新 2024-11-25 10:21:47
-
作为一名前端开发者,我已经积累了Vue、React、正则表达式、算法以及小程序等方面的技能,但Canvas一直是我的盲区。因此,我在2018年为自己设定了一个新的学习目标:掌握Canvas,特别是如何使用它来创建CSS3难以实现的动态效果。 ...
[详细]
蜡笔小新 2024-11-25 09:00:32
-
本文详细介绍了在 Windows 7 上安装和配置 PHP 5.4 的 Memcached 分布式缓存系统的方法,旨在减少数据库的频繁访问,提高应用程序的响应速度。 ...
[详细]
蜡笔小新 2024-11-26 04:43:01
-
随着激光技术在全球范围内的广泛应用,尤其是激光投影显示技术的兴起,了解和遵守相关的安全标准变得尤为重要。本文将详细介绍IEC60825激光产品安全标准及其重要性。 ...
[详细]
蜡笔小新 2024-11-25 19:56:13
-
在创建带有左侧图标的按钮时,遇到了文本与图标对齐的问题。本文提供了几种使用Bootstrap 4解决此问题的方法。 ...
[详细]
蜡笔小新 2024-11-25 19:20:18
-
LIN(Local Interconnect Network)总线是一种基于UART/SCI(通用异步收发器/串行接口)的低成本串行通信协议,主要用于汽车车身网络中智能传感器和执行器之间的通信。 ...
[详细]
蜡笔小新 2024-11-25 17:49:58
-
本文深入探讨了MyBatis二级缓存的启用方法及其配置细节,通过具体的代码实例进行说明,有助于开发者更好地理解和应用这一特性,提升应用程序的性能。 ...
[详细]
蜡笔小新 2024-11-25 17:47:13
-
在使用KVM虚拟化技术通过NAT模式启动虚拟机时,可能会遇到qemu-ifup-nat脚本执行失败的错误。本文将详细介绍如何诊断和解决这一问题。 ...
[详细]
蜡笔小新 2024-11-25 17:27:02
-
本文探讨Node.js模块化的重要性和具体实现方式,包括其带来的代码复用性增强、可维护性提升、以及如何有效避免命名冲突等问题。 ...
[详细]
蜡笔小新 2024-11-25 16:16:46
-
本文介绍了如何解决在尝试远程访问服务器时遇到的身份验证错误,特别是当系统提示‘要求的函数不受支持’时的具体解决步骤。通过调整Windows注册表设置,您可以轻松解决这一常见问题。 ...
[详细]
蜡笔小新 2024-11-25 14:15:06
-
本文详细介绍了利用Google Chrome DevTools和Visual Studio Code两种工具进行Node.js应用的断点调试技巧。 ...
[详细]
蜡笔小新 2024-11-25 14:01:11
-