当前位置: 首页 > 面试题库 >

坐在背景后面的Bootstrap Modal

田成化
2023-03-14
问题内容

所以我遇到的问题与@Jamescoo几乎完全相同,但是我认为我的问题出在我已经放置了几个DIV来创建滑动导航面板这一事实。

奖励:如果您愿意,可以随意获取滑动面板的代码:)

z索引不应冲突,并且它们的值将表明它们正确堆叠,但从视觉上看,它们不是正确的。

单击“打开模态”按钮后,便可以<div class="modal-backdrop fade in"></div>覆盖所有内容!(您必须重新运行代码以将其重置)

我不知道该如何补救…有什么想法吗?


问题答案:

只需将整个模态移到其余代码的最底部即可。它不需要嵌套在除主体之外的任何其他元素中。

<body>
    <!-- All other HTML -->
    <div>
        ...
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal">
        ...
    </div>
</body>

他们在文档中暗示了这种解决方案。

模态标记的放置
始终尝试将模态的HTML代码放置在文档的顶级位置,以避免其他组件影响模态的外观和/或功能。



 类似资料:
  • 我希望对话框下有模糊的屏幕,所以我拍摄活动的“截图”,模糊它,并将其设置为可位图绘制的对话框窗口背景。奇怪的是对话框不再集中在屏幕上,即使调用了setCanceledOnTouchOutside(true),触摸外部对话框也不会关闭它。 问题是:为什么这不起作用?分别如何创建背景模糊的对话框?

  • 我正在尝试创建背景色CSS3关键帧动画后的第一个动画,这是一个背景图像。我无法创建另一个动画后,文字动画淡出。文本动画褪色后,我想背景的不透明度转到0.3,并再次褪色在文本。下面是我所拥有的。 请在此处查看完整代码:codepen:https://codepen.io/imdaone/pen/jjryyv

  • 问题内容: 我想创建类似此图片所示的内容: 在此处输入图片说明 我设法用SpannableStringBuilder创建了Evertyhing,除了橙色的圆角矩形。我可以使用BackgroundColorSpan将背景设置为该颜色,但是我找不到使它变圆的方法。有什么想法可以实现吗? 提前致谢! 编辑:我正在使用Xamarin.Android,但这是我的代码: 问题答案: 如果有人在处理罗斯福的代码

  • 我想将黑色透明背景更改为白色透明,试图在样式中更改它,但它不起作用。 我还想将黑色模糊背景更改为白色模糊,尝试在样式中更改它。 我也尝试了这里提到的渲染脚本、快速模糊、xml,但它只改变了对话框的白色背景 有什么办法可以改变吗?提前谢谢!

  • 正如我们从API 14知道的,下面的模糊已经被弃用 有没有其他方法可以使屏幕模糊我已经尝试过快速模糊

  • 我正在使用Css3。我正在尝试学习如何实现透明背景,以便我可以看到位于其后面的的背景图像。(背景色:透明!重要= html代码: 代码: