Question

怎样将div叠加

Answer 1

将div叠加的操作方法和步骤如下：

1、首先，打开vscode并创建一个html页面，如下图所示。

2、其次，完成上述步骤后，在测试页的同一目录中添加演示图片，如下图所示。

3、接着，完成上述步骤后，在测试页上添加div标签，在标签内添加img图片标签，然后设置图片的src地址，如下图所示。

4、然后，完成上述步骤后，在div的标签中，直接编写css样式，将div的宽度设置为500像素，将高度设置为300像素，并将边框设置为1像素的红色框。再次在浏览器中将其打开，可以看到图片，但不会填充整个div的空间，如下图所示。

5、随后，完成上述步骤后，如果要使图片充满整个div，则只需将图片的高度和宽度设置为100％。为了演示起见，将所有img标签设置为100％，并使用外部CSS书写形式，如下图所示。

6、接着，完成上述步骤后，如果图像使用背景图像而不是img标签的形式，则图像将默认在x和y轴上重复，并且不会拉伸，并最终仍然填充该div的空间，如下图所示。

7、最后，完成上述步骤后，如果要拉伸背景图像以填充整个div空间，则需要设置背景图像，background-size：100％ 100％，如下图所示。这样，问题就解决了。