1、创建如下结构的测试模型-- Images (用于存放图片的文件夹)-- Default.html (用于书写测试代码)
2、打开PPT,创建两个填充色的背景框,并截图用于测试
3、在页面添加测试代码,用于显示上一步截出的一大一小图片。从运行效果看到,图片默认并不会充满DIV
4、【方式一】给页面的两个DIV设置高度,并设置DIV内部图片标签的长、宽都为100%
5、【方式一运行效果】图片充满了DIV,如果图片比DIV小,则会拉伸图片
6、【方式二】在页面增加一个DIV,并豹肉钕舞设置这个DIV的background相关样式1)background-image:用于加载图渔镭沃昏片2)background-repeat:设置是否重复显示图片3)background-size:背景图的大小4)-moz-background-size:兼容Firefox浏览器
7、【方式二运行效果】图片以背景的方式伸缩填满DIV