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

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

这适用于HTML4：

＆＃13;

<!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>

＆＃13;

要运行html5，请使用此doctype：

＆＃13;

<!DOCTYPE html>

＆＃13;

元素在网络服务器上消失

2 个答案: