Question

css 如何让图片全屏的问题

我有一张1024*768的图片，能否让它在页面上显示全屏，无论电脑分辨率是1024*768还是1440*900，我都想让这张图片全屏，如何实现？谢谢

Answer 1

可以通过css控制，如img{width:100%;height:100%;}

用作背景图片的话，解决方法比较复杂。

你可以设置两层div，底层div当作背景，第二层放网页内容。

<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>

网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。