Jquery 中是否有一个插件可以阻止除某些内容之外的整个页面?
我已经检查了 Jquery 中的 block UI 插件,它将覆盖在任何特定元素上 - 但什么如果我想将覆盖应用到除页面中特定区域之外的整个页面?与 div 的所有内容一样 - 无论 div 大小如何。
I've checked out the block UI plugin in Jquery which puts an overlay over any specific element - but what if I want to apply an overlay to the entire page except for a certain area in the page? Like all contents of a div - irrespective of the divs size.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
使用相同的插件或任何覆盖/模态插件,您可以使用 js 在要显示的内容的父元素上设置比覆盖的 z-index 更高的 z-index。
不确定您想如何执行此操作,因此您可能必须增加和减少要显示/隐藏的元素的
z-index
。既然您说您正在使用 jQuery,那么最简单的方法可能就是addClass()
和removeClass()
。只需确保设置位置,以便 z-index 起作用。希望这会给您一些想法。 GL!
Using the same plugin, or any overlay/modal plugin, you could use js to set a higher z-index on the parent element of the content you want to show than the z-index of the overlay.
Not sure how you want to do this, so you'll probably have to increase and decrease the
z-index
of the elements you want to show/hide. Since you said you're using jQuery, its probably easiest just toaddClass()
andremoveClass()
. Just make sure to set the position so z-index will work.Hopefully this will give you some ideas. GL!
查看
http://flowplayer.org/tools/demos/toolbox/expose/index .html
http://flowplayer.org/tools/demos/overlay/trigger .html
Check out
http://flowplayer.org/tools/demos/toolbox/expose/index.html
http://flowplayer.org/tools/demos/overlay/trigger.html
Ali,
我有类似的要求,我正在使用一个具有更高 z-index 的隐藏 div,它覆盖了除您想要的区域之外的所有内容。
它对我来说看起来简单又有用。
Ali ,
I had a similar requirement and i am using a hidden div with a higher z-index which covers everything apart from the area you want.
it looked simple and useful for me.
blockUI 为您提供了这种能力。
请参阅页面阻止示例
blockUI provides you this ability.
See the page blocking examples