怎样用css 使背景图片覆盖整个页面

html-css024

怎样用css 使背景图片覆盖整个页面,第1张

覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素；在css3出来之后，有一个属性background-size这个属性可以给背景图片设置大小，当值为100% 100%的时候也就是说把图片宽高都设置成百分百，然后元素有多大，图片就会伸展多大，也就是说的整个页面

问题详述： 当设置块级元素div颜色为粉色，页面背景颜色为白色时，div子元素比如<p>段落内容在浏览器界面没有显示出父元素div的粉色，而显现出了页面背景的白色。（如图1） 事发现场： <!doctype html> <html lang="zh-cn"> <head> <title>颜色覆盖问题还原</title> <meta charset="utf-8"> <style> *{ background-color:white } div{ background-color:pink } </style> </head> <body> <div>天呐我是一整段 <p>我是一段话</p> <p>我是一段话</p> <p>我是一段话</p> <p>我是一段话</p> </div> </body> </html> 问题解决方法： 简单 (:зゝ∠)把*{}改成body{}，还我粉色世界！ 问题参考链接: 和我的问题一样 http://bbs.51cto.com/thread-1151863-1-1.html这个问题更深一点 http://bbs.csdn.net/topics/380241918是不是很简单，是不是很炫酷，是不是觉得自己傻缺的可爱......