html - 为什么我不能简单地将其复制并粘贴到每个页面以具有导航栏+ Logo ？

Question

为什么我不能将其粘贴到任何 .html 文档并使其仅在资源选项卡中正确运行？ Logo 仅显示在资源页面上，即使它是引用的相同 css 样式表，以及复制的相同 html。

<div class="navigate">
    <ul>
        <li><img class="logo" src="logo2.png"></li>
        <li><a href="index.html">Home</a></li>
        <li><a href="news2.html">News</a></li>
        <li class="dropdown">
            <a href="resources2.html" class="dropbtn">Resources</a>
            <div class="dropdown-content">
                <a href="#">MINING</a>
                <a href="#">CURRENCY</a>
                <a href="#">TRADING</a>
                <a href="#">LINKS</a>
            </div>
        </li>
    <ul>    
        <li class="dropdown">
            <a href="search2.html" class="dropbtn">Equipment</a>
            <div class="dropdown-content">
                <a href="#">GPU</a>         
                <a href="#">ASIC</a>
                <a href="#">MOTHERBOARD</a>
                <a href="#">ACCESORIES</a>
            </div>
        </li>
    </ul>
</div>

Answer 1

由于您为 Logo img 使用了 src 的相对路径，因此您的文件结构很可能是问题所在。

您的 .html 文件需要与 logo2.png 位于同一目录中，以便它们找到该图像