程序员经验分享-hwhale

Bootstrap Modal 位于 Chrome 的背景后面

2023-12-27

我正在使用 Twitter Bootstrap（CSS 和 JS）。

问题来自 Modal 插件，它在 Firefox 和 IE 上工作正常，但在 Chrome 中显示很差：Modal 成功弹出，但隐藏在模态背景后面。这意味着无法填写表单或查看模态框中包含的文本。

它似乎在 Bootstrap 网站上运行良好（http://twitter.github.com/bootstrap/javascript.html#modals http://twitter.github.com/bootstrap/javascript.html#modals）所以我认为这可能与 Chrome 的一个已知错误有关？

我搜索过解决方案但没有成功。我没有修改任何 Bootstrap CSS 或 JS。

我错过了什么？


样式-webkit-overflow-scrolling: touch; in section#maincontainer导致这种情况发生，因为它似乎与overflow: auto.

我相信-webkit-overflow-scrolling: touch;应该用于在使用固定定位的元素内提供触摸屏滚动溢出 - 所以我认为您不需要将其应用于section#maincontainer.

然而，您可能想将其应用到modal-body由于父级使用固定定位，内容可能会溢出。

http://css-tricks.com/mobile-webkit-overflow-scrolling/ http://css-tricks.com/mobile-webkit-overflow-scrolling/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

Googlechrome

twitterbootstrap

modaldialog

Bootstrap Modal 位于 Chrome 的背景后面 的相关文章

  • 如何在 Chrome 中实现抓取光标图标？

    我知道可以在 Chrome 中使用抓取光标图标 当然是在 Gmail 中 但我不知道如何在我的代码中实现它 我已经尝试过 在CSS中 body cursor grab body cursor webkit grab body cursor

  • 如何在 flutter/dart 中使用设定大小的自定义字体？

    我正在尝试使用color fontWeight and fontFamily with style style copyWith 我尝试使用的自定义字体是Vonique 我已经将它像这样导入到pubspec yaml fonts famil

  • 测试/模拟 Chrome 中的方向变化？

    我们正在使用 jQuery mobile 编写一个移动应用程序 并在 Chrome 中进行大部分 javascript 调试 然而 我无法测试的一件事是方向变化 从纵向到横向 反之亦然 我必须使用手机来触发该事件 并且无法在没有 Chrom

  • 滚动时静态标题

    我编写了一个主页 现在我正在尝试构建一个标题 该标题是静态的 就像在滚动内容时不滚动一样 当内容位于其下方时 它应该保持在顶部 我找到了这个解决方案here https stackoverflow com questions 9677894

  • NodeJS 无法加载 css 文件

    所以我正在尝试制作一个 NodeJS 服务器 并且我尝试保留尽可能少的附加组件 但是 我遇到了一个问题 我似乎无法加载任何内容CSS我调用的文件HTML文件 该调用似乎确实由服务器处理 但它不会显示在浏览器中 My 网络服务器 js fil

  • 浏览器会自动插入哪些 DOM 元素？

    我正在生成 XPaths 服务器端以供客户端使用 我很困惑为什么only表路径 即内容在td 在 DOM 中找不到 事实证明 现代浏览器 至少 Chrome 和 Firefox 插入了tbody文档加载时在表格行周围添加标签 看为什么浏览器

  • CSS：在 hsla 中使用 hsl 变量？

    假设我有一个 CSS 变量hsl定义如下 white 1 hsl 0deg 0 100 现在 我想使用相同的白色 但不透明度为 50 所以 像这样 white 2 hsla 0deg 0 100 50 有没有办法使用第一个变量 white

  • Chrome Prerender 功能每次都会被取消

    我正在尝试 Chrome 中的预渲染功能 但是当我检查网络时 我可以看到任何链接的请求都被取消 我使用以下语法 我尝试了现场演示http prerender test appspot com http prerender test apps

  • 如何仅在第一次访问时弹出模态窗口

    我有一个模式窗口 当您访问某个页面时会弹出 访客必须选择我同意或我不同意 我需要一个漂亮的小 jquery 脚本 它会记住谁之前访问过该页面并同意 这样他们每次访问该页面时就不会弹出模式 有人可以推荐一个好的脚本来使用吗 这是代码 div

  • 在CSS中，有什么比使其成为块元素更好的强制元素换行的方法呢？

    我有一个 H3 标题 我想将其样式设置为具有特定的背景颜色 但不让元素的背景占据父元素的整个宽度 鉴于 H3 默认情况下是块元素 我的样式需要将该元素更改为内联块元素 或者只是内联内联元素 如下所示 h3 background color

  • 在 SVG 中设置悬停语句样式

    我正在计划一个基于这个 SVG 插图的网络 菜单 我的想法的原则 一个样式为活动的圆圈 一个样式为悬停的圆圈以及一个也需要设置样式的伴随笔画 https i stack imgur com H397o png 当我阅读 SVG 文件的规范时

  • CSS 计数器输出不匹配

    有人可以解释一下为什么吗section计数器值总共打印 0h2 tags 这是源代码

  • 为什么连字符 (-) 分隔的类名在 CSS 中广泛使用 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 在浏览了一些网站和其他一些广泛使用的插件和框架中包含的一些 CSS 文件时 发现它们广泛使用连字符分隔的单词作为类名 实际上使用这样的类名有什么

  • 调整离子卡中的图像大小

    我想显示一组图像 并在下面说明 我选择使用 Ionic 卡 我得到这个结果 第一张图片 虽然我想保留现在的相同布局 并添加描述 这是我的代码

  • 电子邮件模板 - MS Office Outlook 365 中不显示表格背景图像

    为了电子邮件模板的目的 我需要在 table 它包含图像上的文本 现在我已经尝试过 https stackoverflow com a 15620571 6191987 https stackoverflow com a 15620571

  • 为什么盒子大小调整不适用于画布元素上的宽度/高度属性？

    让我们考虑一下这段代码 canvas width 150px height 150px canvas box sizing border box border 5px solid

  • 为 Gmail 设计 HTML 电子邮件

    我正在生成一封使用内部样式表的 html 电子邮件 即 h2 class foo Email content here 在 Gmail 中查看时 内部样式表中的所有样式似乎都被忽略 Gmail 似乎忽略了内联规则以外的所有样式 例如 h2

  • selenium.common.exceptions.WebDriverException：消息：服务

    当我使用 selenium 控制 Chrome 时遇到了麻烦 这是我的代码 from selenium import webdriver driver webdriver Chrome When i tried to operate it

  • 如何更改 div 悬停时的跨度颜色

    我正在尝试更改 div 悬停时跨度的颜色 如何使红色汉堡按钮 即跨度 在 div 悬停时将颜色更改为黑色 PS 现在它在跨度的悬停上执行此操作 JSFiddle https jsfiddle net bjjbqct8 https jsfid

  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho

随机推荐

  • 每当文本字段为空时动态禁用按钮

    这是我的代码

  • 如何从字符串中获取前 x 个字符，而不切断最后一个单词？

    我的变量中有以下字符串 Stack Overflow is as frictionless and painless to use as we could make it 我想从上面的行中获取前 28 个字符 所以通常如果我使用substr

  • 在Python中处理大型XLSX文件

    我有一个很大的 xlsx Excel 文件 56mb 550k 行 我尝试从中读取前 10 行 我尝试使用xlrd openpyxl and pyexcel xlsx 但它们总是需要超过 35 分钟 因为它将整个文件加载到内存中 我解压Ex

  • 仅查看用户的 onOpen 触发器

    Google Apps 脚本中的内置 onOpen 触发器仅在用户有权编辑打开电子表格或文档 我正在开发一个电子表格 其中只有开发人员具有编辑权限 所有其他用户必须具有仅查看权限 如何创建 onOpen 触发器 以便在仅查看用户以及具有编辑

  • 链接静态库时内联函数的多重定义

    我有一个用 mingw gcc for Windows 编译的 C 程序 使用 mingw 的 TDM 版本 其中包括 gcc 4 4 1 可执行文件链接到两个静态库 a 文件 其中一个是用 C 编写的第三方库 另一个是我编写的 C 库 它

  • xtable 和 header 对齐

    xtable 中的标头对齐是否可能与表的其余部分中使用的对齐不同 就我而言 我希望标题居中对齐 但表格本身应该右对齐 要在 LaTeX 中做到这一点 你可以将标题粘贴到 multicolumn指定您想要的对齐方式的东西 begin tabu

  • 无法在 php 邮件中显示法语口音

    我有以下 php 脚本根据返回的参数发送一封电子邮件

  • 必需但可能未定义的类型

    我想在 TypeScript 中创建一个类 它以一种需要具有该接口的所有属性 甚至是可选属性 的方式实现一个接口 但允许将可选属性undefined This is Required ish

  • 在开发模式下未获得查看错误的调试输出

    这很奇怪 目前 我的视图中有某种错误 但看不到它是什么 此外 Web 服务器跟踪中没有调试输出 Rails 3 2 2 应用程序是 2 7 10 的升级版 我使用 thin 作为我的开发服务器 当错误发生在其他地方时 我确实得到了正常的调试

  • Subversion 网络界面 [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我最近在 Linux 服务器上安装了 Subversion CentOS http en wikipe

  • 使滚动条不占用空间/防止布局移动

    我正在使用 html 制作一个应用程序 并且需要有一个滚动条 但每当我添加一个时 它都会将所有内容转移到滚动条所需的必要空间 这会搞乱应用程序的布局 因此 我需要一种方法使滚动条简单地覆盖在页面顶部 这意味着页面仍然位于其后面 我已经知道如

  • 用Java从图像文件中读取文本[重复]

    这个问题在这里已经有答案了 可用于从图像 JPEG PNG 文件中提取文本的最佳开源 Java 库是什么 There s GOCR http jocr sourceforge net and 超正方体 http code google co

  • Oracle：使用 Toad 设置 SERVEROUTPUT ON

    I put 将服务器输出设置为大小无限格式包裹 in 登录SQL but Toad貌似没有采用这个配置 换句话说 以下 PL SQL 不会打印输出 BEGIN DBMS OUTPUT PUT LINE Hello World END 如何让

  • Rails 4：将控制器分组到文件夹中

    我想将所有控制器及其视图分组到文件夹中 例如在 admin 下 这就是我所做的 1 我把所有的都搬走了controllers在一个文件夹下admin 2 我把所有的都搬走了views在一个文件夹下admin 3 我在 Rails Guide

  • 模块扩展中不允许导出和导出分配

    import Request as ExpressRequest Response as ExpressResponse from express declare module kvl export kvl declare const kv

  • ASP.NET 中的安全随机数

    据我所知 Random 被初始化为当前时间 如果两个连接在同一秒内命中 我应该得到相同的两个随机数 对于一个大型网站来说这是可能的 锁定不好 我该如何解决 注意 该数字用于会话 ID 编辑 我被困在使用长 缩短128位GUID感觉不对 而不

  • 在引号外用逗号分割

    我的程序从文件中读取一行 该行包含逗号分隔的文本 例如 123 test 444 don t split this more test 1 我希望分割的结果是这样的 123 test 444 don t split this more te

  • 无法在 mysql 中设置线程堆栈大小

    我正在努力增加线程堆栈 https dev mysql com doc refman 5 7 en server system variables html多变的 我可以使用命令行选项成功完成此操作 如下所示 usr sbin mysqld

  • Angular 双向数据绑定并观察父组件的变化

    使用双向数据绑定时 似乎无法观察父组件的变化 我有一个用于收集标签列表的自定义输入组件 双向数据绑定在此组件与其父组件之间设置并运行 the parent component is just a form here is how I m a

  • Bootstrap Modal 位于 Chrome 的背景后面

    我正在使用 Twitter Bootstrap CSS 和 JS 问题来自 Modal 插件 它在 Firefox 和 IE 上工作正常 但在 Chrome 中显示很差 Modal 成功弹出 但隐藏在模态背景后面 这意味着无法填写表单或查看

热门标签