css+jsp:设置“伪”模式化div层

可以设置一个div层,将该层置于之前页面的最上层,并将其设置为半透明的铺满整个页面,具体做法如下:

jsp代码:

<div id = 'cross'\
style='width:100%;\

height:100%;top:0px;left:0px;\
position:fixed;\
filter: Alpha(opacity=70);opacity:0.7; \
background:#CCCCCC; display:none;\
z-index:100'>\
</div>\

注意:

1.属性:"width:100%;height:100%;",他们的作用是使”cross“层铺满整个页面;

2.属性:”position:fixed;“,请切勿将其设置为:”absolute“,否则div层之间会关联,”cross“层有可能不会铺满整个层;

3.属性:”z-index:100;“,这个属性的作用是该div层存放的位置,值越大则在越上层。

posted on 2012-10-23 17:48  chickenrun  阅读(641)  评论(0编辑  收藏  举报

导航