我已经查看了Jquery中的block UI插件,它在任何特定元素上添加了叠加层 - 但是如果我想在整个页面中应用叠加层,除了页面中的某个区域,该怎么办?像div的所有内容一样 - 无论div的大小。
答案 0 :(得分:2)
使用相同的插件或任何overlay / modal插件,您可以使用js在要显示的内容的父元素上设置比覆盖的z-index更高的z-index。
不确定您希望如何执行此操作,因此您可能必须增加和减少要显示/隐藏的元素的z-index
。既然你说你正在使用jQuery,那么它对addClass()
和removeClass()
来说可能是最简单的。只需确保设置位置,以便z-index可以正常工作。
.show-me-over-the-overlay {z-index:99999999;position:relative}
希望这会给你一些想法。 GL!
答案 1 :(得分:2)
答案 2 :(得分:1)
阿里,
我有类似的要求,我使用的是一个隐藏的div,它具有更高的z-index,涵盖了除你想要的区域之外的所有东西。
它看起来很简单,对我有用。
答案 3 :(得分:0)