html - 在标签外设置页面的背景图片

Question

我正在尝试在标签之外设置网页的背景图片..请帮助我。我曾尝试在谷歌上搜索，但我看到的每个演示或示例都使用标签背景图像属性..

除了 CSS 中的标签之外，还有其他方法吗？

Answer 1

考虑到网页的可见、渲染部分，将背景放在网页之外的任何地方body都没有任何意义。body

要在网页上应用背景，您确实会使用以下body标签：

body
{
  background-image:url('..URL HERE..');
}

Answer 2

是的，

步骤1：

创建一个带有 id 背景的 div 标签，<div id="background"></div> 并将其作为正文中的第一个元素。

第2步：

将您的图像标签放在 div 标签内，这样您就拥有了<div id="background"><img src="someimg.jpg" alt="bgimage" />

第 3 步：

在您的 CSS 文件中添加：

div#background
{
   position: fixed;
   top: 0px;
   left: 0px;
 }

 div#background img
 {
   width: 100%;
   height: 100%;
  }
body,html 
{
  padding: 0px;
  margin: 0px;
  border: none;
  width: 100%;
  height: 100%;
 }