创建css全屏布局

Question

Endles试图创建一个CSS布局

<div id="act"><img src="img/home01.jpg"></div>    
<div id="buttons></div>

img"home01"应该适合屏幕.没有卷轴,没有空格,没有溢出,监视器大小和img原始大小是什么.

div按钮应该可以点击,即在img"home01"(更高的z-index)前面,并在屏幕上居中显示.
请帮忙.

Answer 1

首先,您必须将样式设置为div id ="act"以覆盖整个屏幕

#act{
    position:absolute;
    left:0; top:0; right:0; bottom:0;
    height:100%; width:100%;
}

现在,div中有图像,所以将样式设置为该图像

img { min-width:100%;min-height:100%; }