如何把网页中的背景图片设置成居中切不会平铺，谁能帮我改一下？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何把网页中的背景图片设置成居中切不会平铺，谁能帮我改一下？相关的知识，希望对你有一定的参考价值。
代码如下，哪位大哥能够帮忙改一下，感谢万分~
<TABLE background="tuanhui2.png";background-repeat: no-
repeat;background-position: center center; border=0>
<TBODY>
<TR>
<TD>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>倒计时</title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
</head>
<p align=center style='text-align:center'><span id="_lefttime"
style="color:blue;font-size:170pt;"></span></p>
<SCRIPT LANGUAGE="javascript">
function _fresh()
var endtime=new Date("January 1, 2011 00:00:00");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime
())/1350);
if(leftsecond<0)leftsecond=0;
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%24);
__s=parseInt(leftsecond%60);
__all = "元旦倒计时 "+__h+"小时 "+__m+"分 "+" "+__s+"秒
";
document.getElementById("_lefttime").innerHTML=__all;
_fresh()
setInterval(_fresh,1350);
</SCRIPT>
</TD></TR></TBODY></TABLE>
其次就是，没有把
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>倒计时</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
这些页面代码嵌套在表格里的写法。
整理了下，你的代码应该是如下（根据你现有的）：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>倒计时</title>
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
var endtime=new Date("January 1, 2011 00:00:00");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1350);
if(leftsecond<0)leftsecond=0;
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%24);
__s=parseInt(leftsecond%60);
__all = "元旦倒计时 "+__h+"小时 "+__m+"分 "+" "+__s+"秒 ";
document.getElementById("_lefttime").innerHTML=__all;
_fresh()
setInterval(_fresh,1350);
</SCRIPT>
</head>
<body>
<TABLE style="background-image:url(tuanhui2.png);background-repeat: no-repeat;background-position: center center; " border=0>
<!--如果你的这个背景图是整个页面的，那建议把style=""样式所有内容，剪切到<body>里。-->
<TBODY>
<TR>
<TD>
<p align=center style='text-align:center'><span id="_lefttime" style="color:blue;font-size:170pt;">你的测试内容</span></p>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html> 参考技术A 用CSS。。。。<head></head>之间，或者在CSS文件中插入
<style type="text/css">
body
background:url(图片路径) center center;
</style>
以上是关于如何把网页中的背景图片设置成居中切不会平铺，谁能帮我改一下？的主要内容，如果未能解决你的问题，请参考以下文章
CSS布局：背景图片设置不平铺，结果平铺了；啥情况？只有在火狐下正常，其他浏览器平铺。 字幕D家居这个