新手请教个问题

COSByVal 2013-09-17 08:31:59
请问,如何在这样的页面中加入自己的图片为网页背景,望指教,谢谢!
部分代码如下:(不知道提供的代码够不够,只是前面的一部分)
<!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-image: url();
}
-->
</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="images/logo.png" alt="" /></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">HOME</a></li>
<li><a href="#">FEATURES</a>
<ul>
<li><a href="#">Layouts</a>
<ul>
<li><a href="services.html">Services</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="pricing.html">Pricing Options</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</li>

<li><a href="typography.html">Typography</a></li>
<li><a href="columns.html">Columns</a></li>
<li><a href="buttons-and-boxes.html">Buttons and Boxes</a></li>
<li><a href="tabs-and-toggles.html">Tabs and Toggles</a></li>
<li><a href="tables-and-lists.html">Tables and Lists</a></li>
<li><a href="#">3rd Level Nav</a>
<ul>
<li><a href="#">this is</a></li>
<li><a href="#">a third level</a></li>
<li><a href="#">nav menu</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="portfolio-four-columns.html">PORTFOLIO</a>
<ul>
<li><a href="portfolio-four-columns.html">4 Columns</a></li>
<li><a href="portfolio-three-columns.html">3 Columns</a></li>
<li><a href="portfolio-two-columns.html">2 Columns</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
</ul>
</li>
<li><a href="blog.html">BLOG</a>
<ul>
<li><a href="blog.html">Blog Page</a></li>
<li><a href="blog-single.html">Blog Post</a></li>
</ul>
</li>
<li><a href="contact.html">CONTACT</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="" />
<img src="images/slide5.jpg" alt="" title="#htmlcaption-5"/>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<h1>大型植物园</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div id="htmlcaption-2" class="nivo-html-caption">
<h1>Where Time Stood Still</h1>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div id="htmlcaption-3" class="nivo-html-caption">
<h1>From Paris With Love</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
</div>
<div id="htmlcaption-4" class="nivo-html-caption">
<h1>Water and Earth</h1>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
</div>
<div id="htmlcaption-5" class="nivo-html-caption">
<h1>Sunset Over River</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
</div>

</div><!--end slider-wrapper-->
</section>
</div><!--end top-->

<div class="centered-wrapper">

<section class="intro">
<h2 class="intro-text">WELCOME TO <a href="#">HAZE</a>, A PHOTOGRAPHY STUDIO</h2>
</section>
<div class="separator"></div>
<section class="services">
...全文
365 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
程序员鼓励师 2013-09-17
  • 打赏
  • 举报
回复
( ・ิω・ิ) 有红色标记的都删了试试 <!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>
程序员鼓励师 2013-09-17
  • 打赏
  • 举报
回复

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




有红色标记的都删了试试
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
在dreamweaver中是这个显示
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
郁闷啊,还是上面那个效果,换个浏览器也是一样的,这是什么情况,
程序员鼓励师 2013-09-17
  • 打赏
  • 举报
回复
<style type="text/css">



// 刚才没看清楚 改成这样就行了

body{ background-color:#172757; background-image:url(images/beijing.jpg);}
</style>





//这里删了一些重复的css样式哦
希望能帮到你 ( ・ิω・ิ)
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
引用 13 楼 conanhhy 的回复:
[quote=引用 12 楼 COSByVal 的回复:] 还是只有页面顶端有一条,
LZ还是查看下引用的CSS,是不是引用的CSS有影响。我们帮LZ看,其实引用CSS和JS都没有,显示正常[/quote] 是不是需要看那些JS文件中的内容?
conanhhy 2013-09-17
  • 打赏
  • 举报
回复
引用 12 楼 COSByVal 的回复:
还是只有页面顶端有一条,
LZ还是查看下引用的CSS,是不是引用的CSS有影响。我们帮LZ看,其实引用CSS和JS都没有,显示正常
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
还是只有页面顶端有一条,
程序员鼓励师 2013-09-17
  • 打赏
  • 举报
回复


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


希望能帮到你 ( ・ิω・ิ)
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
引用 9 楼 conanhhy 的回复:
另外LZ可以通过浏览器开发者工具,看下BODY的CSS样式,是不是被替换了。这样就可以找出原因
拜托,能给看一下么?这是所有的代码,这个是我下了个模板自己改的,我对css和div实在是不熟悉,谢谢了! <!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)"> <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>
conanhhy 2013-09-17
  • 打赏
  • 举报
回复
另外LZ可以通过浏览器开发者工具,看下BODY的CSS样式,是不是被替换了。这样就可以找出原因
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
引用 7 楼 conanhhy 的回复:
LZ,我这边可以。估计是不是JS的问题?LZ可以先把所有的JS移除,看下是否有背景图
我将这一部分代码删除了,还是不行,是不是我移除的不对?真是不好意思,麻烦你了, <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>
conanhhy 2013-09-17
  • 打赏
  • 举报
回复
LZ,我这边可以。估计是不是JS的问题?LZ可以先把所有的JS移除,看下是否有背景图
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
引用 5 楼 conanhhy 的回复:
[quote=引用 3 楼 COSByVal 的回复:] [quote=引用 2 楼 conanhhy 的回复:] LZ是指整个页面的背景?

<body style="backgroundImage:url(../xx.jpg)">
你好,这个我试了一下,还是没有显示背景图片,不知道是什么原因,用不用我把所的代码都粘上?请帮忙再给看一下,谢谢![/quote] 不好意思,刚才写错了,LZ再试下?

<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)">
conanhhy 2013-09-17
  • 打赏
  • 举报
回复
引用 3 楼 COSByVal 的回复:
[quote=引用 2 楼 conanhhy 的回复:] LZ是指整个页面的背景?

<body style="backgroundImage:url(../xx.jpg)">
你好,这个我试了一下,还是没有显示背景图片,不知道是什么原因,用不用我把所的代码都粘上?请帮忙再给看一下,谢谢![/quote] 不好意思,刚才写错了,LZ再试下?

<body style="background-image:url(../xx.jpg)">
tony4geek 2013-09-17
  • 打赏
  • 举报
回复
引用 3 楼 COSByVal 的回复:
[quote=引用 2 楼 conanhhy 的回复:] LZ是指整个页面的背景?

<body style="backgroundImage:url(../xx.jpg)">
你好,这个我试了一下,还是没有显示背景图片,不知道是什么原因,用不用我把所的代码都粘上?请帮忙再给看一下,谢谢![/quote] 是不是图片路径的问题呢。你在看下
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
引用 2 楼 conanhhy 的回复:
LZ是指整个页面的背景?

<body style="backgroundImage:url(../xx.jpg)">
你好,这个我试了一下,还是没有显示背景图片,不知道是什么原因,用不用我把所的代码都粘上?请帮忙再给看一下,谢谢!
conanhhy 2013-09-17
  • 打赏
  • 举报
回复
LZ是指整个页面的背景?

<body style="backgroundImage:url(../xx.jpg)">
COSByVal 2013-09-17
  • 打赏
  • 举报
回复
各位老师,帮帮忙啊,单位急着要啊,
程序员鼓励师 2013-09-17
  • 打赏
  • 举报
回复
style.css 样式表 这里的 top 样式问题吧

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧