我在本地页面上工作,一切工作正常,直到我将整个文件夹复制到不同的位置,并且图形全部出现毛刺。这可能是什么原因?文件夹的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
然后再次,一切工作正常,直到我转移。 :(我真的无法解释。
请需要更多的细节 - HTML或的jsfiddle :) – Jatin 2015-02-10 02:28:05
只是HTML和CSS这里涉及:) – 2015-02-10 02:31:54
可以请你创建一个小提琴? – Jatin 2015-02-10 02:37:22