body背景图变成这样了。。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Green Kitchen Technology</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script>
</head>
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('.slideBox .next');
</script>
<![endif]-->
<body>
<!--容器-->
<div class="container">
<!--页头-->
<div class="header">
<div class="logo"></div>
<div class="nav">
<ul id="fixed">
<li class="nav1"><img src="images/nav1.gif" alt="" align="absbottom"/><a href="#" target="_blank">Homepage</a></li>
<li class="nav2"><img src="images/nav2.gif" alt="" align="absbottom"/><a href="#" target="_blank">About us</a></li>
<li class="nav3"><img src="images/nav3.gif" alt="" align="absbottom"/><a href="#" target="_blank">Products</a></li>
<li class="nav4"><img src="images/nav4.gif" alt="" align="absbottom"/><a href="#" target="_blank">News</a></li>
<li class="nav5"><img src="images/nav5.gif" alt="" align="absbottom"/><a href="#" target="_blank">Coutacts</a></li>
<li><img src="images/nav6.gif" alt="" align="absbottom"/></li>
</ul>
</div>
</div>
<div class="clear"></div>
<!--正文-->
<div class="content">
<div class="text">
<ul id="fixed">
<li>Green kitchen Technology Limited aim to provide most innovative products and solutions in kitchen and bathroom</li>
<li>for our valued business partner.With strong technical competence and product knowledge, we distinguish</li>
<li>ourselves by massive product range and full service offering. </li>
<li>With our continuous effort to make our kitchen and bathroom more green, we looking forward</li>
<li>to grow and create more value by working with you together.</li>
</ul>
</div>
<div class="picture">
<ul id="fixed">
<li>
<div id="slideBox" class="slideBox">
<div class="bd">
<ul id="fixed">
<li><a href="#" target="_blank"><img src="images/sw1.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw2.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw3.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw4.gif" /></a></li>
</ul>
</div>
<a class="next" href="javascript:void(0)"></a> </div>
</li>
<li class="blank"><img src="images/swLeft1.gif" /></li>
<li>
<div id="slideBox" class="slideBox">
<div class="bd">
<ul id="fixed">
<li><a href="#" target="_blank"><img src="images/sw2.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw3.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw4.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw1.gif" /></a></li>
</ul>
</div>
<a class="next" href="javascript:void(0)"></a> </div>
</li>
<li class="blank"><img src="images/swLeft2.gif" /></li>
<li>
<div id="slideBox" class="slideBox">
<div class="bd">
<ul id="fixed">
<li><a href="#" target="_blank"><img src="images/sw3.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw4.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw1.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw2.gif" /></a></li>
</ul>
</div>
<a class="next" id="fix" href="javascript:void(0)"></a> </div>
</li>
<li class="blank"><img src="images/swLeft3.gif" /></li>
<li>
<div id="slideBox" class="slideBox">
<div class="bd">
<ul id="fixed">
<li><a href="#" target="_blank"><img src="images/sw4.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw1.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw2.gif" /></a></li>
<li><a href="#" target="_blank"><img src="images/sw3.gif" /></a></li>
</ul>
</div>
<a class="next" href="javascript:void(0)"></a> </div>
</li>
<li><img src="images/swLeft4.gif" /></li>
</ul>
<ul id="fixed">
<li class="blank"><a href="#"><img src="images/pic5.gif" alt="" /></a></li>
<li class="blank"><a href="#"><img src="images/pic6.gif" alt="" /></a></li>
<li class="blank"><a href="#"><img src="images/pic7.gif" alt="" /></a></li>
<li class="blank"><a href="#"><img src="images/pic8.gif" alt="" /></a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<!--页脚-->
<div class="footer">
<p class="info">Copyright 2013 Green kitchen Technology</p>
</div>
<div class="clear"></div>
</div>
<script type="text/javascript">jQuery(".slideBox").slide({mainCell:".bd ul",trigger:"click"});</script>
</body>
</html>
@charset "utf-8";
/* CSS Document */
/*body*/
* { margin:0; padding:0; }
* html .fixed { height:1%; }
#fixed:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#fixed { display:block; }
#fixed { min-height:1%; }
body { margin:0px; padding:0px; text-align:center; background:url(../images/bj.jpg) center top no-repeat; }
.clear { clear:both; }
#box { width:311px; height:157px; }
a:hover { text-decoration:underline; color:#5d9a21; }
a { color: #5a5a5a; text-decoration: none; }
div, ul, li { margin:0px 0px; padding:0px 0px; }
ul, li { list-style:none; }
img { border:0 }
/*container*/
.container { width:100%; height:auto; margin:0px auto; display:inline; overflow:hidden; }
/*header*/
.header { width:1440px; height:110px; margin:auto; }
.logo { float:left; width:368px; height:77px; margin:18px 120px; background:url(../images/logo.gif) center top no-repeat; position:absolute; }
.nav { float:left; width:754px; height:29px; margin:47px 683px; }
.nav ul { margin:0; padding:0; height:29px; }
.nav ul li { list-style-type:none; float:left; }
.nav ul li a { padding-top:0px; font:18px Arial; color:#FFF; }
.nav1 { float:left; padding-right:45px; }
.nav2 { float:left; padding-right:48px; }
.nav3 { float:left; padding-right:45px; }
.nav4 { float:left; padding-right:45px; }
.nav5 { float:left; padding-right:48px; }
/*content text*/
.content { width:1440px; height:170px; margin:auto; }
.text { float:left; width:620px; height:100px; text-align:left; margin:25px 750px; }
.text li { list-style-type:none; font:12px Arial; color:#FFF; margin-top:10px; }
/*switch Picture*/
.picture { float:left; width:1300px; height:350px; margin:20px 89px; }
.picture ul { width:1330px; height:160px; margin-bottom:10px; }
.picture ul li { list-style-type:none; float:left; }
/*footer*/
.footer { width:1440px; height:170px; margin:auto; }
.info { float:left; width:320px; height:30px; text-align:left; margin:0px 1130px; font:12px Arial; color:#FFF; }
.blank { margin-right:10px; }
/* swpic*/
.slideBox { width:155px; height:157px; overflow:hidden; position:relative; border:0px; }
.slideBox .bd { position:relative; height:100%; z-index:0; }
.slideBox .bd li { zoom:1; vertical-align:middle; }
.slideBox .bd img { width:155px; height:157px; display:block; }
.slideBox .next { position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50); opacity:0.5; }
.slideBox .next { left:auto; right:3%; background-position:8px 5px; }
.slideBox .next:hover { filter:alpha(opacity=100); opacity:1; }
.slideBox .nextStop { display:none; }