时间戳

首页 > 解决方案 > 如何让我的图像在我的本地主机（WAMP）中打开

php - 如何让我的图像在我的本地主机（WAMP）中打开

问题描述

我正在处理一个 index.php 文件，该文件保存在 Wamp 上 htdocs 文件夹中的 6-php 文件夹中。我正在尝试制作整页背景图片。我从 unsplash 下载了一张图片，并将其作为 background.jpg 保存在 Wamp 的 6-php 文件夹中。当我试图让图像显示在http://localhost/6-php/index.php/时，它没有打开。所有的文字显示，它只是没有打开的图像。当我以http://localhost/6-php/打开它时，图像会显示，但是当我添加 /index.php/ 时，图片消失了，只显示文本。

我尝试从不同的站点下载不同的图像。我试过将它保存在不同的文件夹中。

html { 
      background-image: url(background.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

我也试过了<img src="background.jpg">，没有结果。

我希望“background.jpg”成为我的 index.php 文件中的整页背景图像。

标签： phpimagewamp

解决方案

图像的路径很重要。有 2 个选项可以提及图像的路径

path of image htdocs/project/images/background.jpg path of css htdocs/project/css/style.css path of index.php htdocs/project/index.php

  1. 图像的相对路径路径从试图访问该文件的基本文件开始

    样式.css

    body { background-image: url('../images/background.jpg') }

    索引.php

    <img src="../images/background.jpg">

  2. 绝对路径

    图片的路径从 htdocs 文件夹开始

    样式.css

    body { background-image: url('/project/images/background.jpg') }

    索引.php

    <img src="/project/images/background.jpg">

推荐阅读