HTML不能在google chrome上正常上传

Question

所以我试着用CSS学习HTML，通常我在Microsoft Edge上打开文件，然后我试着在谷歌浏览器上打开它们，但由于某种原因，只有一部分代码被正确加载，有些代码就是不可见。这是怎么发生的?解决方法是什么?谢谢。[页面截图，中间应该有一个图片][1][1]: https://i.stack.imgur.com/awHnW.png

HTML:

<section name="second-sec" id="second-section" style="z-index: 0;">
<div class="grid" title="steak" style="background-image: url(/images/steak.jpg);"></div>
<div class="grid" title="falafel" style="background-image:url(/images/falafel.jpg);"></div>
<div class="grid" title="soup" style="background-image:url(/images/soup.jpg);"></div>
<div class="grid" title="sniztel" style="background-image:url(/images/shniztel.jpg);"></div>
</section>

CSS:

#second-section {
background-image: url("/images/wood-pic.jpg");
background-repeat: no-repeat;
background-size: cover;
margin-left:15px;
margin-right: 15px;
height: 10000px;
}
.grid {
display:inline-block;
background-size: cover;
height:400px;
width:100%;
background-position:center;
margin-bottom:-3.5px;
}
.grid:hover {
border: 1.5px solid #adacac;
box-shadow: 0px 0px 20px black;
}

对，所以我打开检查，由于某种原因，它显示无法找到文件，也许是因为我使用url()，并在里面我输入了一个本地路径?图片保存在我的电脑上。

Answer 1

您可以在属性部分设置您的index.html文件的google chrome浏览器，然后尝试。如果你也有问题。提供代码的截图或附加片段。Microsoft Edge和html也存在问题，反之亦然。你可以在这里查看解决方案，在那里:

https://answers.microsoft.com/en-us/windows/forum/all/edge-wont-open-htmhtml-files-from-my-network/7195426c-5d6f-4b16-9f43-e70d2a25fdfb

我更喜欢选择google chrome来查看我的目标文件的代码输出。

Answer 2

由于某些原因，当我使用:

时浏览器找不到文件"background-image: url(/images/steak.jpg);"

但是当我像下面这样在路径上添加两个点时，它实际上工作了:

"background-image: url(../images/steak.jpg);"