Question

如何在html中插入背景图片而不重复覆盖整个页面？是否有HTML代码或我是否必须使用CSS代码？

Answer 1

您可以使用两个CSS属性来控制背景图像的大小和重复：

背景重复
背景尺寸

为了设置为覆盖目标元素的背景图像，您可以使用值no-repeat和cover，如下所示：

targetelement {
  background-image:url('example.jpg');
  background-repeat:no-repeat;
  background-size:contain;
}

如果您想了解有关这些CSS属性及其可能值的更多信息，请查看以下两页：

Answer 2

您问题的最佳解决方案是在您的CSS或元素的background-repeat:no-repeat代码中添加background-size: cover或style。

例如：

html { 
   background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

如果您坚持只使用HTML，则必须根据图像调整元素大小，或者相反。您的问题是指页面的背景图片，因此对于我的openion CSS或style是实现此目的的唯一方法。

HTML背景不重复

2 个答案: