CSS 背景及铺满当前div的小技巧

CSS 背景属性

属性	描述
background	简写属性，作用是将背景属性设置在一个声明中。
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。
background-color	设置元素的背景颜色。
background-image	把图像设置为背景。
background-position	设置背景图像的起始位置。
background-repeat	设置背景图像是否及如何重复。

今天碰到一个问题是当前背景图片比较小的时候，不想让其重复铺满当前容器的背景：

运用img为一个单独图片容器的宽高等于父节点的宽高，并位于其下面，间接实现图片铺满当前容器

具体代码如下

<div style="width:100px;height:100px;">

<img src="img.jpg" style="width:100%;height:100%;position:absolute;z-index:-1;">

</div>