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

html-css09

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

通过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值;

Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性,IE6/7/8/9都不支持(IE11又支持,不过很好的一点是在ie中给a加disabled 点击事件自动无效。),Opera在SVG中支持。 但是 该属性HTML中 不支持

1、提交页面,提交按钮点击后,添加这个样式属性(style="pointer-events"),来防止重复提交

2、让链接不能点击

3、让鼠标点击穿透上方的 div