今天,我爱模板网在做一个手机站的时候,一个左侧弹出菜单,需要高度全屏,宽度半屏,后面的半透明灰色遮罩高度和宽度都是全屏。这个,一般我都是用js获取屏幕的宽高来解决的。有没有css设置的方法呢。经过查询,我发现css的确可以做到,不用js也可以了。具体方法是:
1、将您需要全屏的容器,加个浏览器定位:position:fixed(或者position:absolute)。
2、设置该容器的宽高都是 100%。这样,就能全屏了。
3、如果页面有其他类容,本容器会在内容的下方显示,请将它的 top值,改成0。
注:此方法测试到了IE7,皆兼容。
运行下面的代码,看看效果是不是这样:
提示:您可以先修改部分代码再运行