css设置body背景图片随内容增加多少显示多少经验篇
在CSS布局时,可能有时会遇到对body直接设置图片作为网页背景水平纵向平铺(从上到下居中平铺),此时整个网页无论内容是否占满一屏幕,css背景都会从上到下铺(纵向)满整个屏幕。但有时我们不需要这样的一个效果,需要内容占用多高,body背景就纵向从上到下铺满多少高度。很明显这样就达不到我们想要的效果。
解决方法:
对html再设置个背景(无论图片还是纯色,推荐设置纯颜色的背景颜色)
接下来DIVCSS5通过实例为大家介绍此技巧,首先DIVCSS5分为两个案例,一个是直接对body设置背景图片从上到下平铺,我们会观察到无论网页内容是否占满一屏幕,背景都会从上到下满铺。
一、未解决背景纵向平铺CSS DIV案例 - TOP
1、DIV CSS案例描述
首先对body设置一个背景图片(bg.gif)从上到下平铺,设置一个div盒子宽度为274px,高度为200px;div背景颜色为蓝色。
html>
CSS案例 在线演示 DIVCSS5DIVCSS5实例内容