Html 封面的页面背景图像无法使其工作
我有这样的图像： 我试图拉伸页面的高度，然后水平重复。水平方向的重复工作正常，但垂直方向上没有覆盖页面 我试过SO的几个例子，但没有得到我想要的结果 下面是我在另一篇文章中的结尾，但现在根本没有显示：Html 封面的页面背景图像无法使其工作,html,css,Html,Css,我有这样的图像： 我试图拉伸页面的高度，然后水平重复。水平方向的重复工作正常，但垂直方向上没有覆盖页面 我试过SO的几个例子，但没有得到我想要的结果 下面是我在另一篇文章中的结尾，但现在根本没有显示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http
<!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>Untitled Document</title>
<style type="text/css">
body {
background-image: url(bg-4a-24516.png);
background-repeat: repeat-x;
background-size: cover;
}
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
无标题文件
身体{
背景图片：url（bg-4a-24516.png）；
背景重复：重复-x；
背景尺寸：封面；
}
有什么建议吗？实际上，您的示例在编写代码时工作正常 背景图像正在拉伸，可能很难识别，具体取决于浏览器的颜色渲染 看下面的小提琴： 我拍摄了原始图像，并在顶部和底部添加了彩色边框 您可以在以下位置看到该图像： 当您使用CSS3属性
background size:coverbody {
background-image: url(http://s15.postimage.org/kriqf9i9n/sx_U5g.png);
background-size: cover;
background-repeat: repeat-x;
}
covercontain