如何创建一个覆盖 div 来遮盖整个屏幕?
我是html和jquery的新学习者。
请帮助我如何创建一个覆盖整个屏幕的覆盖 div,包括背景图像。我能够创建一个覆盖 div,但它不会覆盖我的整个屏幕,而是覆盖我的容器 div,如果我增加宽度,它会拉伸到右侧,但左侧部分仍然未被覆盖。我将覆盖 div 放在最外面的 div 中但仍然在增加宽度时,它仅向右侧提供额外的宽度,而左侧部分仍然未被覆盖。 。 我的包装 div 具有整个屏幕的背景图像,但我的覆盖 div 无法覆盖容器 div 的左侧部分。请帮我。
谢谢 惠普
I am a new learner of html and jquery.
Please help me how I can create an overlay div which covers my whole screen, including the background image as well. I was able to create an overlay div but it does not covers my whole screen, instead it covers my container div and if i increase the width it stretches to right side but left part remains uncovered.I put my overlay div in the outer most div but still on increasing the width it gives extra width to right side only and left part remains uncovered.
.
My wrapper div has a background image for the whole screen but my overlay div is not able to cover left part of my container div. Please help me.
thanks
HP
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
看看 blockUI 插件
http://jquery.malsup.com/block/
有很多不同的款式可选!
页面阻止示例就是您所需要的,它适用于 div 或 html 字符串显示叠加层时显示消息。
take a look at the blockUI plugin
http://jquery.malsup.com/block/
lots of different styles available!
the page blocking example is what you need, it works with a div or a html string for the message while the overlay is shown.
我得到了答案。
您可以设置保证金:自动;现在,您的浏览器将处理它并且它将占据整个屏幕。
I got the answer.
YOu can put margin:auto; Now, your browser will take care of it and it will occupy the whole screen.