61,112
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen"/>
<!--[if lt IE 9]>
<script src="../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jflickrfeed.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.contact.js"></script>
<script type="text/javascript" src="js/jquery.preloadify.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<style type="text/css">
//这是改的 ( ・ิω・ิ)
body{ background-color:#172757; background-image:url(images/beijing.jpg);}
这里删了<style><body>{ background-color:#172757; background-image:url(../123.jpg);background-repeat:repeat-x;background-position:center top;}</style>
<!--
body {
background-image: url(images/beijing.jpg);
}
.STYLE4 {font-size: 110%}
-->
</style></head>
<style>body{ background-color:#172757; background-repeat:repeat-x;background-position:center top;}</style>
<body style="background-image:url(images/beijing.jpg)">
<style type="text/css">
{background-image:url(image/beijing.jpg)}
</style>
<div id="wrapper" >
<div id="top">
<header id="header">
<div class="one-fourth">
<div class="logo"><a href="index.html"><img src="logo.jpg" alt="" width="300" height="80" /></a></div>
</div><!--end one-fourth-->
<div class="three-fourth column-last">
<nav id="navigation">
<ul id="mainnav">
<li><a class="current" href="index.html">公司主页</a></li>
<li><a href="#">园区展示</a>
<ul>
<li><a href="#">展示</a>
</li>
<li><a href="typography.html">展示1</a></li>
<li><a href="columns.html">展示2</a></li>
<li><a href="buttons-and-boxes.html">展示3</a></li>
<li><a href="tabs-and-toggles.html">展示4</a></li>
<li><a href="tables-and-lists.html">展示5</a></li>
<li><a href="#">展示6</a>
</li>
</ul>
</li>
<li><a href="gallery.html">论坛</a></li>
<li><a href="portfolio-four-columns.html">联系我们</a>
<ul>
</ul>
</li>
<li><a href="contact.html">电子地图</a></li>
</ul>
</nav><!--end navigation-->
</div><!--end three-fourth-->
</header>
<section class="nivo">
<div id="slider-wrapper">
<div id="preloader">
<img src="images/nivo-preloader.gif" alt=""/>
</div>
<div id="slider" class="nivoSlider">
<img src="images/slide1.jpg" alt="" title="#htmlcaption"/>
<img src="images/slide2.jpg" alt="" title="#htmlcaption-2"/>
<img src="images/slide3.jpg" alt="" title="#htmlcaption-3"/>
<img src="images/slide4.jpg" alt="" title="#htmlcaption-4" />
<img src="images/slide5.jpg" alt="" title="#htmlcaption-5"/>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
<div id="htmlcaption-2" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
<div id="htmlcaption-3" class="nivo-html-caption">
<h1></h1>
<p>
</p>
</div>
<div id="htmlcaption-4" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
<div id="htmlcaption-5" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
</div><!--end slider-wrapper-->
</section>
</div><!--end top-->
<div class="centered-wrapper">
<section class="intro">
<h2 align="center"><img src="images/jxzhy.jpg" alt="" width="926" height="146" /></h2>
</section>
<div class="separator"></div>
<section class="services">
<table width="642" border="1">
<tr>
<td width="313" height="47"><p class="STYLE4"><h2 class="bgtitle">公司简介</h2></p></td>
<td width="313"><p> </p></td>
</tr>
<tr>
<td height="117"><p><img src="images/jianjie_1.jpg" width="313" height="281" class="STYLE1" /></p></td>
<td align="left" valign="top"><p><img src="images/41111.jpg" width="559" height="331" /></p>
</td>
</tr>
</table>
<style type="text/css">
#demo
{
background: #FFF;
overflow: hidden;
}
#demo img
{
border: 3px solid #F2F2F2;
}
#indemo
{
float: left;
width: 800%;
}
#demo1
{
float: left;
}
#demo2
{
float: left;
}
</style>
<div style="overflow: hidden; margin-bottom: 5px;" id="demo">
<div id="indemo">
<div id="demo1">
<img src="images/gongsijianjie/1.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/2.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/3.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/4.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/5.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/6.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/7.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/8.jpg" width="400" height="300" style="border: 0;"></a>
</div>
<div id="demo2">
</div>
</div>
</div>
<script type="text/javascript">
var speed=40;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
</section>
<div class="separator"></div>
<section>
<h2 class="bgtitle">我们竭诚为您服务</h2>
</section>
</div>
<!--end centered-wrapper-->
<div class="centered-wrapper">
<footer id="footer">
<div class="double-separator"></div>
<div id="topfooter">
<div class="one-fourth">
<h3>A Few Words About Us</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div><!--end one-fourth-->
<div class="one-fourth">
<h3>Twitter Updates</h3>
<div class="tweet"></div>
</div><!--end one-fourth-->
<div class="one-fourth">
<h3>Flickr Inspiration</h3>
<ul id="flickr" class="thumbs"></ul>
</div><!--end one-fourth-->
<div class="one-fourth column-last">
<h3>Get in Touch with Us</h3>
<p>Address:
1600 Amphitheatre Parkway <br />
Mountain View, CA 94043</p>
<p>Phone: +321 123 456 7 </p>
<p>E-mail: <a href="mailto:">johndoe@ipsum.com</a><br />
</div><!--end one-fourth-->
</div><!--end topfooter-->
<div id="bottomfooter">
<div class="one-half">
<p>Copyright © 2013 - Haze | All Rights Reserved</p>
</div><!--end one-half-->
<div class="one-half column-last">
<ul id="social">
<li><a class="rss" href="#">RSS Feed</a></li>
<li><a class="facebook" href="#">Facebook</a></li>
<li><a class="twitter" href="#">Twitter</a></li>
<li><a class="flickr" href="#">Flickr</a></li>
<li><a class="google" href="#">Google</a></li>
<!-- You can add social icons for forrst, dribbble, vimeo, linkedin and skype. Take the ones you need from the list and paste them above
<li><a class="forrst" href="#">Forrst</a></li>
<li><a class="dribbble" href="#">Dribbble</a></li>
<li><a class="vimeo" href="#">Vimeo</a></li>
<li><a class="linkedin" href="#">LinkedIn</a></li>
<li><a class="skype" href="#">Skype</a></li>
-->
</ul>
</div><!--end one-half-->
<a href="#" class="totop">scroll to top</a>
</div><!--end bottomfooter-->
</footer><!--end footer-->
</div><!--end centered-wrapper-->
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
有红色标记的都删了试试
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen"/>
<!--[if lt IE 9]>
<script src="../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jflickrfeed.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.contact.js"></script>
<script type="text/javascript" src="js/jquery.preloadify.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<style type="text/css">
body{ background-color:#172757; background-image:url(images/beijing.jpg);background-repeat:repeat-x;background-position:center top;}</style>
//这里删了一些重复的css样式哦
</style>
</head>
<body >
<div id="wrapper" >
<div id="top">
<header id="header">
<div class="one-fourth">
<div class="logo"><a href="index.html"><img src="logo.jpg" alt="" width="300" height="80" /></a></div>
</div><!--end one-fourth-->
<div class="three-fourth column-last">
<nav id="navigation">
<ul id="mainnav">
<li><a class="current" href="index.html">公司主页</a></li>
<li><a href="#">园区展示</a>
<ul>
<li><a href="#">展示</a>
</li>
<li><a href="typography.html">展示1</a></li>
<li><a href="columns.html">展示2</a></li>
<li><a href="buttons-and-boxes.html">展示3</a></li>
<li><a href="tabs-and-toggles.html">展示4</a></li>
<li><a href="tables-and-lists.html">展示5</a></li>
<li><a href="#">展示6</a>
</li>
</ul>
</li>
<li><a href="gallery.html">论坛</a></li>
<li><a href="portfolio-four-columns.html">联系我们</a>
<ul>
</ul>
</li>
<li><a href="contact.html">电子地图</a></li>
</ul>
</nav><!--end navigation-->
</div><!--end three-fourth-->
</header>
<section class="nivo">
<div id="slider-wrapper">
<div id="preloader">
<img src="images/nivo-preloader.gif" alt=""/>
</div>
<div id="slider" class="nivoSlider">
<img src="images/slide1.jpg" alt="" title="#htmlcaption"/>
<img src="images/slide2.jpg" alt="" title="#htmlcaption-2"/>
<img src="images/slide3.jpg" alt="" title="#htmlcaption-3"/>
<img src="images/slide4.jpg" alt="" title="#htmlcaption-4" />
<img src="images/slide5.jpg" alt="" title="#htmlcaption-5"/>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
<div id="htmlcaption-2" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
<div id="htmlcaption-3" class="nivo-html-caption">
<h1></h1>
<p>
</p>
</div>
<div id="htmlcaption-4" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
<div id="htmlcaption-5" class="nivo-html-caption">
<h1></h1>
<p></p>
</div>
</div><!--end slider-wrapper-->
</section>
</div><!--end top-->
<div class="centered-wrapper">
<section class="intro">
<h2 align="center"><img src="images/jxzhy.jpg" alt="" width="926" height="146" /></h2>
</section>
<div class="separator"></div>
<section class="services">
<table width="642" border="1">
<tr>
<td width="313" height="47"><p class="STYLE4"><h2 class="bgtitle">公司简介</h2></p></td>
<td width="313"><p> </p></td>
</tr>
<tr>
<td height="117"><p><img src="images/jianjie_1.jpg" width="313" height="281" class="STYLE1" /></p></td>
<td align="left" valign="top"><p><img src="images/41111.jpg" width="559" height="331" /></p>
</td>
</tr>
</table>
<style type="text/css">
#demo
{
background: #FFF;
overflow: hidden;
}
#demo img
{
border: 3px solid #F2F2F2;
}
#indemo
{
float: left;
width: 800%;
}
#demo1
{
float: left;
}
#demo2
{
float: left;
}
</style>
<div style="overflow: hidden; margin-bottom: 5px;" id="demo">
<div id="indemo">
<div id="demo1">
<img src="images/gongsijianjie/1.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/2.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/3.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/4.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/5.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/6.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/7.jpg" width="400" height="300" style="border: 0;"></a>
<img src="images/gongsijianjie/8.jpg" width="400" height="300" style="border: 0;"></a>
</div>
<div id="demo2">
</div>
</div>
</div>
<script type="text/javascript">
var speed=40;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
</section>
<div class="separator"></div>
<section>
<h2 class="bgtitle">我们竭诚为您服务</h2>
</section>
</div>
<!--end centered-wrapper-->
<div class="centered-wrapper">
<footer id="footer">
<div class="double-separator"></div>
<div id="topfooter">
<div class="one-fourth">
<h3>A Few Words About Us</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div><!--end one-fourth-->
<div class="one-fourth">
<h3>Twitter Updates</h3>
<div class="tweet"></div>
</div><!--end one-fourth-->
<div class="one-fourth">
<h3>Flickr Inspiration</h3>
<ul id="flickr" class="thumbs"></ul>
</div><!--end one-fourth-->
<div class="one-fourth column-last">
<h3>Get in Touch with Us</h3>
<p>Address:
1600 Amphitheatre Parkway <br />
Mountain View, CA 94043</p>
<p>Phone: +321 123 456 7 </p>
<p>E-mail: <a href="mailto:">johndoe@ipsum.com</a><br />
</div><!--end one-fourth-->
</div><!--end topfooter-->
<div id="bottomfooter">
<div class="one-half">
<p>Copyright © 2013 - Haze | All Rights Reserved</p>
</div><!--end one-half-->
<div class="one-half column-last">
<ul id="social">
<li><a class="rss" href="#">RSS Feed</a></li>
<li><a class="facebook" href="#">Facebook</a></li>
<li><a class="twitter" href="#">Twitter</a></li>
<li><a class="flickr" href="#">Flickr</a></li>
<li><a class="google" href="#">Google</a></li>
<!-- You can add social icons for forrst, dribbble, vimeo, linkedin and skype. Take the ones you need from the list and paste them above
<li><a class="forrst" href="#">Forrst</a></li>
<li><a class="dribbble" href="#">Dribbble</a></li>
<li><a class="vimeo" href="#">Vimeo</a></li>
<li><a class="linkedin" href="#">LinkedIn</a></li>
<li><a class="skype" href="#">Skype</a></li>
-->
</ul>
</div><!--end one-half-->
<a href="#" class="totop">scroll to top</a>
</div><!--end bottomfooter-->
</footer><!--end footer-->
</div><!--end centered-wrapper-->
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
希望能帮到你 ( ・ิω・ิ)
<body style="background-image:url(../xx.jpg)">
[/quote]
您好,我把代码加在了这里(最后一行),可是还是不行,拜托啊!谢谢!
还有就是之前用网上搜索出的结果试的,只有页面边缘很细的一圈是显示背景图片,中间绝大部分的区域还是白花花的,
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen"/>
<!--[if lt IE 9]>
<script src="../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jflickrfeed.js"></script>
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.contact.js"></script>
<script type="text/javascript" src="js/jquery.preloadify.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<style type="text/css">
<style><body>{ background-color:#172757; background-image:url(../123.jpg);background-repeat:repeat-x;background-position:center top;}</style>
<!--
body {
background-image: url(images/beijing.jpg);
}
.STYLE4 {font-size: 110%}
-->
</style></head>
<style>body{ background-color:#172757; background-repeat:repeat-x;background-position:center top;}</style>
<body style="background-image:url(images/beijing.jpg)">
<body style="background-image:url(../xx.jpg)">
<body style="backgroundImage:url(../xx.jpg)">