元素在网络服务器上消失

Question

我有一个从网络上获取的 HTML 文件，当我在本地打开它时，一切看起来都很好，但是如果您将文件上传到网络服务器，一半的元素会从页面上消失。更重要的是，一些导航器似乎能够显示元素，而其他导航器则不能。例如，IE 会显示所有内容，而 Chrome 和 Opera 则不会。这是代码：

<div class="top-ads row">
<div class="col-md-4 sec-heading">Top Ads</div>
<div class="col-md-4"></div>
<div class="col-md-4">
    <a class="left-arr-btn right carousel-control" href="#carousel-example-generic" data-slide="prev" >
    <img class="left-arr-img" src="images/left-arrow.png">
    </a>

    <a class="right-arr-btn right carousel-control" href="#carousel-example-generic" data-slide="next">
    <img class="right-arr-img" src="images/right-arrow.png">
    </a>
</div>
</div>

似乎所有的顶级广告都有问题，这是样式：

.top-ads{
margin-top: 2em;
}

我不明白，如果从磁盘显示正常，为什么在网络上显示空白？我会尝试添加一些屏幕截图... Working Not working

Answer 1

也许您应该检查您的 images 文件夹是否在服务器上的正确位置。

您也可以尝试提供一个相对路径，替换为：

src="images/left-arrow.png"

通过这个：

src="../../images/left-arrow.png"

或返回到您网站根目录的等效相对路径。

Answer 2

您是否提供了所有代码？如果是这样，你没有文档类型声明，没有 html 或 body 标签 - 现代浏览器会原谅这一点，但旧浏览器不会。在此处阅读 html 结构：https://www.w3.org/TR/html401/struct/global.html

这个 HTML4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
   <HEAD>
      <TITLE>My first HTML document</TITLE>
   </HEAD>
   <BODY>
      <P>Hello world!
   </BODY>
</HTML>

并且运行 html5 改为使用此文档类型：

<!DOCTYPE html>

元素在网络服务器上消失

Elements disappear on webserver

html

css

styles

image

class