Question

关于Html背景图自适应容器大小的问题

我想为一个div设置一个背景图background-img，但这个div的大小目前还不确定。所有只能让背景图自适应div大小。目前的解决方案是：创建俩个子div层叠，一个放背景图，置于底层；一个放内容，置于顶层。问题是怎样使position:absolute;属性是相对与我的父div而不是相对与页面的呢？也就是父容器活动，怎样使子div层叠。

Answer 1

如果只是要设置一个背景的话，样式里面写background-image:就背景就应该是在后面了，div里面的内容或者是子div都应该是在背景前面的。俩个子div层叠来做背景和内容感觉弄复杂了呢。如果你要做定位的话，应该在父div用相对属性position: relative; 在子div用绝对属性position: absolute;div的层级用z-index:来控制，比如z-index:-1 z-index:1 z-index:2，这个属性值越大div就越在上层,越小越在下面。

追问

这些我知道，我只是想让背景图可以根据容器大小自动伸缩，而且上面还可以显示其他内容，所有才搞得这么复杂。

Answer 2

将你的父级div的position设置成relative就可以了