2015-02-10 23 views
0

我在本地页面上工作,一切工作正常,直到我将整个文件夹复制到不同的位置,并且图形全部出现毛刺。这可能是什么原因?文件夹的HTML/CSS传输

我还想提一下,我没有对文件做任何事情。我还想补充一点,我的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{ 
 
\t background-color:#E0E0E0; 
 
} 
 

 
#stab{ 
 
\t background-color:#C1D2E0; 
 
} 
 

 
#ttab{ 
 
\t background-color:#D4ECFF; 
 
}

并且还

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

 
li{ 
 
\t padding:5px; 
 
\t 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{ 
 
\t width:90px; 
 
\t position:relative; 
 
\t left:5px; 
 
} 
 

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

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

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

然后再次,一切工作正常,直到我转移。 :(我真的无法解释。

+1

请需要更多的细节 - HTML或的jsfiddle :) – Jatin 2015-02-10 02:28:05

+0

只是HTML和CSS这里涉及:) – 2015-02-10 02:31:54

+0

可以请你创建一个小提琴? – Jatin 2015-02-10 02:37:22

回答

0

更新你所有的图像路径到新的文件夹路径。

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

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

是的,但我把它们连接到本地,除此之外我实际上没有与图像有关的问题,这是关于CSS样式的格式化 – 2015-02-10 02:29:21

+0

在这种情况下,你的意思是“图形变得很糟糕”,因为它听起来像你忘了更新你的问题中的图像路径。 – user3781632 2015-02-10 02:30:45

+0

像转换后看起来不同的按钮:(不涉及图像。 css – 2015-02-10 02:32:31

1

谢谢大家,回答:)看来我已经找到了答案,这要归功于此:

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

我只是说这个到HTML文件:

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

显然,从它迫使IE浏览器,在IE 7版本加载网络驱动器访问HTML文件时,或者这就是我读。这是非常令人不安的为我:(

再次感谢虽然:)