如题。
现在很多网页的登陆页面都很炫。
底部的footer都采用了一个半透明的黑色色块加上各种版权信息。实现方法如下:
div的底色设置为#FFF。然后设置其opacity值为0.66。opacity的参数可能要对不同的浏览器作兼容。
然后,我们设置登陆页面,在footer的div中将footer的position设置为"fixed",bottom设置为0.这样子就能够实现如下效果:
另外,现在很多的登陆页面,都使用一张好看的背景图来作为登陆背景。这个背景图不会随着浏览器的缩放而改变位置和大小。使用img标签,同时将img的属性设置如下,这个实现的方法如下:
position: fixed; top: 0; left: 0; width: 100%; height: 100%;z-index: -10;
这个时候背景图无论浏览器如何变化都会撑满整个窗口,并且不会随着浏览器的缩放而变化。