在标签外设置页面的背景图像

时间:2012-06-25 14:39:03

标签: html css

我正在设置标签外的网页背景图片..请帮帮我。我试过在谷歌搜索,但我见过的每个演示或示例都使用标签背景图像属性..

除了像CSS一样的标签之外还有其他方法吗?

2 个答案:

答案 0 :(得分:4)

考虑到body是网页的可查看,呈现的部分,将背景放在body之外的任何地方都没有意义。

要在网页上应用背景,您确实会使用body标记,例如:

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

答案 1 :(得分:1)

是,

第1步:

创建一个id为background <div id="background"></div>的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%;
 }