Dearmyh

方法一:

设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" ><img src="1.jpg" width="100%" height="100%"/></div>

再将网页内容放置到第二层上<div id="content">页面内容</content>

方法二:

background属性有个background-size属性,可以设置背景图片所占div的比例,可以拉伸或收缩。

如果想在整个窗口显示背景图片,在body属性加上{background:url(); background-size:100% 100%;}

这时能看到,整个背景图片显示在窗口中,且随着你的放大缩小可以拉伸。

另外加上自己的box-sizing属性的补充:box-sizing只影响元素和其padding,跟背景颜色一样,背景颜色之在元素与其padding内显示。

分类:

技术点:

相关文章:

  • 2021-12-05
  • 2021-11-30
  • 2021-12-05
  • 2022-12-23
  • 2021-12-15
  • 2022-12-23
  • 2021-06-12
猜你喜欢
  • 2022-02-20
  • 2022-12-23
  • 2021-12-05
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-13
相关资源
相似解决方案