文件夹的 HTML/CSS 传输答案

【问题标题】：HTML/CSS transferring of folder文件夹的 HTML/CSS 传输
【发布时间】：2015-04-09 23:25:22
【问题描述】：

我在本地页面上工作，一切正常，直到我将整个文件夹复制到不同的位置，图形都出现故障。这可能是什么原因？

我还想提一下，我没有对这些文件做任何事情。我还想补充一点，我的 css 文件是在文件夹中本地链接的。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>SLNG Phase 3 A7JJ</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body style="background-color:#253C4F;">
<ul style="position:relative;left:192px;top:-3px;" class="topnav">
  <li class="menu1" id="ftab"><a target="content" href="home.html">Home</a></li>
  <li class="menu2" id="stab"><a target="content" href="projinfo/projinfowin.html">Project Information</a></li>
  <li class="menu3" id="ttab"><a target="content" href="projref/projref.html">Project Reference Documents</a></li>
  <!--<li class="menu4" id="ftab"><a target="content" href="testing/testing.html">TEST</a></li>-->
</ul>
</body>

</html>

#ftab{
	background-color:#E0E0E0;
}

#stab{
	background-color:#C1D2E0;
}

#ttab{
	background-color:#D4ECFF;
}

还有

ul.topnav, ul.topnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relatove;
	list-style:none;
	text-align:center;
}

li{
	padding:5px;
	float:left;
}

a:link, a:visited {
    display: block;
    font-weight: bold;
    color: #000000;
    <!--background-color: #254A93;-->
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
}

li:hover, li:active {
    background-color: #ffffff;
}

.menu1{
	width:90px;
	position:relative;
	left:5px;
}

.menu2{
	width:240px;
	position:relative;
	left:13px;
}

.menu3{
	width:325px;
	position:relative;
	left:21px;
}

.menu4{
	width:150px;
	position:relative;
	left:23px;
}

然后，在我转移之前一切正常。 :( 我真的无法解释。

【问题讨论】：

请需要更多详细信息 - HTML 或 jsfiddle :)
这里只涉及 html 和 css :)
你能做一个小提琴吗？
哦抱歉哈哈哈我刚刚搜索了 jsfiddle 是什么.....我在办公室，但加载不正确。可能是因为我使用的是 IE8。
你也可以试试codepen.io/pen

标签： html css directory transfer

【解决方案1】：

感谢所有回答的人 :) 看来我已经找到了答案：

链接：IE not rendering CSS properly when the site is located at networkdrive

我刚刚将它添加到 html 文件中：

&lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt;

显然，当从网络驱动器访问 html 文件时，它会强制 IE 以 IE 版本 7 加载，或者这就是我阅读的内容。这对我来说很令人不安:(

再次感谢 :)

【讨论】：

【解决方案2】：

将所有图像路径更新为新文件夹路径。

旧

<img src="old/images/image.jpg">

新的

<img src="new/images/image.jpg">

【讨论】：

是的，但我在本地链接了它们，而且我实际上并没有遇到图像问题。这是格式，关于我认为的 css 样式。
在这种情况下，您所说的“图形出现故障”是什么意思，因为听起来您好像忘记更新问题中的图像路径。
就像按钮在传输后看起来不同:( 不涉及图像。只是纯 css
没有 CSS 仍然很难提供帮助，因为我们没有看到按钮的样式应该如何。