页面布局，内容高宽控制

以下界面，黑色透明背景（用css写的）在后，图片在前重叠在上面。改变浏览器高宽，如何控制两个部分的大小？

---

可以在写宽高的时候用百分比，或者用js控制，我记得js里有一个事件叫resize，当浏览器窗口改变的时候触发