Html 图像赢得';托管时不在Chrome或Safari中显示
当我在我的电脑上托管以下代码并将其加载到Chrome中时,左上角的徽标显示得很好。当我尝试从我的站点托管它时,Chrome保留了正确的容器大小,但没有图像,Safari保留了巨大的图像大小,也没有图像。我错过了什么 这是我的HTML:Html 图像赢得';托管时不在Chrome或Safari中显示,html,css,Html,Css,当我在我的电脑上托管以下代码并将其加载到Chrome中时,左上角的徽标显示得很好。当我尝试从我的站点托管它时,Chrome保留了正确的容器大小,但没有图像,Safari保留了巨大的图像大小,也没有图像。我错过了什么 这是我的HTML: <!-- Navbar --> <nav class="navbar navbar-expand-lg navbar-dark bg-custom p-1 mb-2"> <img id="head-img" s
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-custom p-1 mb-2">
<img id="head-img" src="Retirement-Solutions-4u-Final-logo.jpg" alt="Retirement-Solutions-4U-Final-logo">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<div class="container">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a> <!--This needs to be something besides Blog-->
</li>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link head-phone mr-auto justify-content: right" href="#"><i class="fas fa-phone-alt"></i> 888-218-0324</a>
</li>
</ul>
</div>
</div>
</nav>
链接到页面:文件名不正确。它应该有一个大写字母“U”。徽标上的“alt”属性在HTML源中具有正确的文件名。一旦徽标出现,这个问题也应该在Safari上解决 错误名称:
http://base-campmarketing.com/Retirement-Solutions-4u-Final-logo.jpg
权利名称:
http://base-campmarketing.com/Retirement-Solutions-4U-Final-logo.jpg
有一个404的-图像存在吗?it是否有权让公众查看?与CORS相关?成功了!谢谢你的第二双眼睛。@TylerMason不客气。如果你觉得这个答案有帮助,请投赞成票,并将其标记为正确答案。
http://base-campmarketing.com/Retirement-Solutions-4U-Final-logo.jpg