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

Question

我正在处理一个 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 文件中的整页背景图片。

Answer 1

图像的路径很重要。 有2个optins提及图片的路径

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

图像的相对路径路径从尝试访问该文件的基础文件开始
style.css
body { background-image: url('../images/background.jpg') }

index.php
<img src="../images/background.jpg">
绝对路径
图像的路径从htdocs文件夹开始
style.css
body { background-image: url('/project/images/background.jpg') }

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

Answer 2

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

 <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> </body> </html>

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

问题描述

1 个解决方案

解决方案1
0 2019-07-20 11:38:50

解决方案2
-1 2019-07-20 11:08:03

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

问题描述

1 个解决方案

解决方案1 0 2019-07-20 11:38:50

解决方案2 -1 2019-07-20 11:08:03

解决方案1
0 2019-07-20 11:38:50

解决方案2
-1 2019-07-20 11:08:03