Bootstrap登录模板添加Logo不显示问题求助

核心问题是你用了<div>标签加载图片，但div标签不支持src属性，浏览器无法识别这个属性来加载图片资源。以下是两种可行修复方案：

方案一：改用<img>标签（推荐） #

直接将承载Logo的<div>替换为<img>标签，这是网页加载图片的标准方式：

修改后的HTML代码：

<img class="logo" src="icons/test-image.png" alt="rnl-logo">

你的CSS代码可以保持不变，绝对定位和宽高设置对img标签同样生效。

方案二：用CSS背景图实现 #

如果需要保留<div>标签，可通过CSS的background-image属性设置Logo：

修改后的CSS代码：

.logo{
  position:absolute;
  top: 5%;
  left: 10%;
  height: 100px;
  width: 100px;
  background-image: url('icons/test-image.png');
  background-size: cover; /* 确保图片覆盖整个div区域 */
  background-repeat: no-repeat; /* 避免图片重复 */
}

对应的HTML移除无效的src属性：

<div class="logo" alt="rnl-logo"></div>

额外提醒：你页面的favicon使用路径是img/test-image.png，而Logo用的是icons/test-image.png，确认icons目录下确实存在目标图片（既然favicon正常显示，图片本身有效，路径问题大概率不存在，但如果方案生效后仍不显示，可检查路径是否正确）。

内容的提问来源于stack exchange，提问作者Luuc