![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
你需要用到background-position这个属性，用以规定背景图片的位置。让图片居中偏下的代码为：
background-positon:center bottom 或 background-positon:bottom全部的位置代码如下：
background-position: left 代表背景图横向（X轴）靠左，纵向（Y轴）居中。（9点钟位置）
background-position: right 代表背景图横向（X轴）靠右，纵向（Y轴）居中。（3点钟位置）
background-position: top 代表背景图横向（X轴）居中，纵向（Y轴）靠上。（12点钟位置）
background-position: bottom 代表背景图横向（X轴）居中，纵向（Y轴）靠下。（6点钟位置）
background-position: center 代表背景图横向（X轴）居中，纵向（Y轴）居中。（绝对居中）
background-position: left top 代表背景图横向（X轴）靠左，纵向（Y轴）靠上。（10点钟位置）
background-position: left bottom 代表背景图横向（X轴）靠左，纵向（Y轴）靠下。（7点钟位置）
background-position: right top 代表背景图横向（X轴）靠右，纵向（Y轴）靠上。（1点钟位置）
background-position: right bottom 代表背景图横向（X轴）靠右，纵向（Y轴）靠下。（5点钟位置）
1、用css的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片：
2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果：
3、最后打开浏览器查看效果，div是在图片上面的。以上html中就是把背景图片置于最低层的方法：
一个div中，只能设置一个背景图，如果有两个，你必须写两个div，这两个div直接包含，一样大小顶部background:url(图片路径) center top
底部background:url(图片路径) center bottom
