Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图像赢得';托管时不在Chrome或Safari中显示_Html_Css - Fatal编程技术网

Html 图像赢得';托管时不在Chrome或Safari中显示

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

当我在我的电脑上托管以下代码并将其加载到Chrome中时,左上角的徽标显示得很好。当我尝试从我的站点托管它时,Chrome保留了正确的容器大小,但没有图像,Safari保留了巨大的图像大小,也没有图像。我错过了什么

这是我的HTML:

<!-- 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