Question

我正在本地页面上工作，一切正常，直到我将整个文件夹复制到另一个位置，图形变得很糟糕。这可能是什么原因？

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

＆＃13;

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

＆＃13;

#ftab{
	background-color:#E0E0E0;
}

#stab{
	background-color:#C1D2E0;
}

#ttab{
	background-color:#D4ECFF;
}

＆＃13;

以及

＆＃13;

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;
}

＆＃13;

然后，一切正常，直到我转移。 :(我真的无法解释它。

Answer 1

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

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

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

<meta http-equiv="X-UA-Compatible" content="IE=8" />

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

再次感谢：）

Answer 2

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

旧

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

新

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

HTML / CSS传输文件夹

2 个答案: