日期:2014-05-17 浏览次数:22051 次
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="GBK"> <title></title> <style type="text/css"> .bg{ width:300px; height:300px; position:relative; } .pic{ position:absolute; z-index:-1; top:0px; left:0px; width:300px; height:300px; } </style> </head> <body> <div class="bg"> 这里是正文的东西~~~~~~~~~~~<br /> 这里是正文的东西~~~~~~~~~~~<br /> 这里是正文的东西~~~~~~~~~~~<br /> 这里是正文的东西~~~~~~~~~~~<br /> 这里是正文的东西~~~~~~~~~~~<br /> <img class="pic" src="http://img03.taobaocdn.com/tps/i3/T1ci8_XhXwXXXXXXXX-490-170.png" /> </div> </body> </html>
------解决方案--------------------
拉伸的CSS?不懂,
建议放代码出来看看,或者搞一张效果图出来看看也行。
background-repeat: repeat-y;
这个是平放图片的代码。从browser left 到browser right