php - 将 HTML 转换为 PHP 后 CSS 背景图像失败

Question

我正在使用 PHP 构建网站。 html,css,js我一开始就完成了，如图。

然后我开始将 html 转换为 php。

但是，将html转为php后，css中的背景图片就失效了。我检查了路径，它在 html 中有效。

我不知道代码有什么问题。

html转PHP需要对CSS做特殊操作吗？

body {
    background: url('../img/bg3.jpg') center;
    position: relative;
    height:1300px;
}

#wrapper{  height:1500px;}

#wrapper{overflow: hidden;}
.wrapper-head {
    background: black url('../img/head.jpg') center no-repeat;
    margin: 0 auto;
    width: 908px;
    height: 178px;
    margin-top: 39px;
    margin-bottom: 0px;
    box-shadow: -2px 0 20px 1px #7f7e7f, 0 -2px 20px 1px #7f7e7f, 2px 0 20px 1px #7f7e7f;
    border-bottom: solid 1px #ff0000;
    position: relative;
}

.wrapper-head img {
    float: right;
    position: relative;
}

.wrapper-nav {
    background: url('../img/nav.jpg') center no-repeat;
    width: 1009px;
    height: 83px;
    margin: 0 auto;
    margin-top: 0px;
    -ms-transform: translate(0px, -33px);
    /* IE 9 */
    -webkit-transform: translate(0px, -33px);
    /* Safari */
    transform: translate(0px, -33px);
    /* Standard syntax */
    margin-bottom: 0px;[![enter image description here][2]][2]
    color: #281d04;
}

整个路径是:

/Applications/XAMPP/xamppfiles/htdocs/myblog/petshop/public

特别之处在于，当我打开这条路径时:

http://localhost/petshop/public/img/bg3.jpg

它说:

Access forbidden!

You don't have permission to access the requested object. It is either read-protected or not readable by the server.

If you think this is a server error, please contact the webmaster.

Error 403

localhost
Apache/2.4.23 (Unix) OpenSSL/1.0.2h PHP/7.0.9 mod_perl/2.0.8-dev Perl/v5.16.3

在同一个文件夹中的html中使用的其他照片可以工作，只有css中的三个失败。

Answer 1

终于解决了!费了我一个晚上的时间!第一次把html改成php，好激动!感谢大神!祈祷，解决了!

其实很简单，只是因为照片是 protected ，所以我把它们设为可读了，就是这样!