Question

我正在创建一个Web应用程序，该应用程序有一个单独的文件，用于标头规范head.php。我已将此文件包含在其余网页中。现在，当我在浏览器中打开head.php时，它不显示其中提到的任何图像。而当我在浏览器中打开包含head.php的其余页面时，head.php中提到的图像将正确显示。我应该如何解决？

我尝试将图像复制到同一文件夹中。但是我认为url部分没有任何问题，否则图像将不会在任何网页中显示。她是head.php的代码：

    <!doctype html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        #foot{
            height:50px;
            width:100%;
            margin-top:140px;
            position:relative;
            bottom:0;
            left:0;
            background-image:url("img/w4.jpg");
        }
        p{
            color:white;
            float:right;
            padding-right:20px;
            font-size:18px;
        }
    </style>
    </head>
    <footer>
    <div id="foot">
        <p>Leave Management Portal</p>
    </div>
    </footer>
    </html>

Answer 1

img/w4.jpg是相对路径。据说“在图像文件夹当前文件夹内中，有一个w4.jpg图像。”

如果您将位置从mysite.com/更改为mysite.com/otherpage，则您的相对路径将是/otherpage/img/w4.jpg。

您可以在开头加一个斜杠，说“从根开始” /img/w4.jpg，也可以使用PHP方法始终指向同一目录，无论您在网站目录结构中的位置如何。 / p>

当未显示html页面中的图像但在另一个html页面中包含相同的html页面时，如何解决该问题？

1 个答案: