搜索
您的当前位置:首页正文

css_浮层禁止击穿(防止可点击浮层下面的元素)

来源:二三娱乐

问题:

通过div实现了一个浮层,但是发现浮层底下的部分元素是可以透过浮层的

解决方法:

将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;

注意:
1、所有的相关元素都得用DIV并且必须有等位属性:position:relative或者:position:absolute ;
2、将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;
3、其他在下面层的DIV中z-index的属性值都要小于最上层DIV的z-index值;

<div style="position:relative;"> 这里放动态层的内容 
    <div style="position:absolute; left:0px; top:0px; z-index:999;">浮动层,在动态层上</div>
</div>
Top