如何创建一个覆盖 div 来遮盖整个屏幕?

发布于 2024-10-18 23:42:07 字数 261 浏览 1 评论 0原文

我是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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

待天淡蓝洁白时 2024-10-25 23:42:07

看看 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.

染墨丶若流云 2024-10-25 23:42:07

我得到了答案。
您可以设置保证金:自动;现在,您的浏览器将处理它并且它将占据整个屏幕。

I got the answer.
YOu can put margin:auto; Now, your browser will take care of it and it will occupy the whole screen.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文