in English
浏览器漏洞墙
过时的内容
此页面已过时，不再适用于最新版本的 Bootstrap。它现在纯粹出于历史目的，将在我们的下一个主要版本中删除。
Bootstrap 目前解决了主要浏览器中的几个突出的浏览器错误，以提供可能的最佳跨浏览器体验。一些错误，如下所列，我们无法解决。
我们在这里公开列出了影响我们的浏览器错误，以期加快修复它们的过程。有关 Bootstrap 浏览器兼容性的信息，请参阅我们的浏览器兼容性文档。
也可以看看：
- Chromium 问题 536263：[元] 影响 Bootstrap 的问题
- Mozilla bug 1230801：修复影响 Bootstrap 的问题
- WebKit 错误 159753：[元] 影响 Bootstrap 的问题
- jQuery 的浏览器错误解决方法
| 浏览器 | 错误总结 | 上游问题 | 引导问题 |
|---|---|---|---|
| 边缘 | 可滚动模式对话框中的视觉伪影 | 边缘问题 #9011176 | #20755 |
| 边缘 | 用于在第一个键盘焦点上显示的本机浏览器工具提示title（除了自定义工具提示组件） |
边缘问题 #6793560 | #18692 |
| 边缘 | :hover滚动离开后，悬停的元素仍保持状态。 |
边缘问题 #5381673 | #14211 |
| 边缘 | CSS有时会导致父元素border-radius的渗出线。background-color |
边缘问题 #3342037 | #16671 |
| 边缘 | backgroundof<tr>仅应用于第一个子单元格而不是行中的所有单元格 |
边缘问题 #5865620 | #18504 |
| 边缘 | 在某些情况下，下层的背景颜色会通过透明边框渗出 | 边缘问题 #6274505 | #18228 |
| 边缘 | 悬停在后代 SVG 元素上会mouseleave在祖先触发事件 |
边缘问题 #7787318 | #19670 |
| 边缘 | 滚动时活动position: fixed; <button>闪烁 |
边缘问题 #8770398 | #20507 |
| 火狐 | .table-bordered空白<tbody>是缺少边框。 |
Mozilla 错误 #1023761 | #13453 |
| 火狐 | 如果通过 JavaScript 更改表单控件的禁用状态，则刷新页面后不会返回正常状态。 | Mozilla 错误 #654072 | 第793章 |
| 火狐 | focus不应在document对象上触发事件 |
Mozilla 错误 #1228802 | #18365 |
| 火狐 | 宽浮动表不换行 | Mozilla 错误 #1277782 | #19839 |
| 火狐 | 鼠标有时不在元素内mouseenter/mouseleave当它在 SVG 元素内时 |
Mozilla 错误 #577785 | #19670 |
| 火狐 | 打印时带有浮动列的布局中断 | Mozilla 错误 #1315994 | #21092 |
| 火狐 (Windows) | 当屏幕设置为不常见的分辨率时，菜单的右边框<select>有时会丢失 |
Mozilla 错误 #545685 | #15990 |
| 火狐（macOS 和 Linux） | 徽章小部件导致选项卡小部件的底部边框意外不重叠 | Mozilla 错误 #1259972 | #19626 |
| 铬 (macOS) | 单击上面的<input type="number">增量按钮会闪烁减量按钮。 |
铬问题 #419108 | #8350 ,铬问题 #337668 |
| 铬合金 | 具有 alpha 透明度的 CSS 无限线性动画会泄漏内存。 | 铬问题 #429375 | #14409 |
| 铬合金 | table-cell尽管边界不重叠margin-right: -1px |
铬问题 #749848 | #17438 , #14237 |
| 铬合金 | 不要:hover在触摸友好的网页上粘住 |
铬问题 #370155 | #12832 |
| 铬合金 | position: absolute比其列宽的元素被错误地剪裁到列边界 |
铬问题 #269061 | #20161 |
| 铬合金 | 根据font-family. |
铬问题 #781344 | #24673 |
| 苹果浏览器 | rem媒体查询中的单位应该使用 计算font-size: initial，而不是根元素的font-size |
WebKit 错误 #156684 | #17403 |
| 苹果浏览器 | 使用 id 和 tabindex 链接到容器会导致 VoiceOver 忽略容器（影响跳过链接） | WebKit 错误 #163658 | #20732 |
| 苹果浏览器 | CSSmin-width和max-width媒体功能不应四舍五入小数像素 |
WebKit 错误 #178261 | #25166 |
| Safari (macOS) | px, em, 并且rem在应用页面缩放时在媒体查询中的行为都应该相同 |
WebKit 错误 #156687 | #17403 |
| Safari (macOS) | <input type="number">某些元素的奇怪按钮行为。 |
WebKit 错误 #137269，Apple Safari 雷达 #18834768 | #8350，规范化 #283，铬问题 #337668 |
| Safari (macOS) | 打印固定宽度网页时的小字体.container。 |
WebKit 错误 #138192，Apple Safari 雷达 #19435018 | #14868 |
| Safari (iOS) | transform: translate3d(0,0,0);渲染错误。 |
WebKit 错误 #138162，Apple Safari 雷达 #18804973 | #14603 |
| Safari (iOS) | 滚动页面时文本输入的光标不会移动。 | WebKit 错误 #138201，Apple Safari 雷达 #18819624 | #14708 |
| Safari (iOS) | 输入长字符串后无法将光标移动到文本开头<input type="text"> |
WebKit 错误 #148061，Apple Safari 雷达 #22299624 | #16988 |
| Safari (iOS) | display: block导致 temporal <input>s 的文本垂直错位 |
WebKit 错误 #139848，Apple Safari 雷达 #19434878 | # 11266 , #13098 |
| Safari (iOS) | 点击<body>不会触发click事件 |
WebKit 错误 #151933 | #16028 |
| Safari (iOS) | position:fixed在 iPhone 6S+ Safari 上显示标签栏时位置不正确 |
WebKit 错误 #153056 | #18859 |
| Safari (iOS) | 点击元素<input>内的position:fixed元素滚动到页面顶部 |
WebKit 错误 #153224，Apple Safari 雷达 #24235301 | #17497 |
| Safari (iOS) | <body>使用overflow:hiddenCSS 在 iOS 上可滚动 |
WebKit 错误 #153852 | #14839 |
| Safari (iOS) | position:fixed元素中文本字段中的滚动手势有时会滚动<body>而不是可滚动的祖先 |
WebKit 错误 #153856 | #14839 |
| Safari (iOS) | 添加文本使其更高后，模态与-webkit-overflow-scrolling: touch不会滚动 |
WebKit 错误 #158342 | #17695 |
| Safari (iOS) | 不要:hover在触摸友好的网页上粘住 |
WebKit 错误 #158517 | #12832 |
| Safari (iOS) | position:fixed打开<select>菜单后消失的元素 |
WebKit 错误 #162362 | #20759 |
| Safari (iPad Pro) | 元素后代的渲染position: fixed在 iPad Pro 上以横向截取 |
WebKit 错误 #152637，Apple Safari 雷达 #24030853 | #18738 |
最想要的功能
Web 标准中指定了一些特性，它们可以让我们使 Bootstrap 更加健壮、优雅或高性能，但尚未在某些浏览器中实现，从而阻止我们利用它们。
我们在这里公开列出了这些“最想要的”功能请求，以期加快实现它们的过程。
| 浏览器 | 功能总结 | 上游问题 | 引导问题 |
|---|---|---|---|
| 边缘 | 可聚焦元素应在接收讲述人/辅助功能焦点时触发焦点事件/接收：焦点样式 | Microsoft A11y UserVoice 想法 #16717318 | #20732 |
| 边缘 | 从选择器级别 4实现:dir()伪类 |
Edge UserVoice 想法 #12299532 | #19984 |
| 边缘 | 实现 HTML5<dialog>元素 |
Edge UserVoice 想法 #6508895 | #20175 |
| 边缘 | 取消 CSS 过渡时触发transitioncancel事件 |
Edge UserVoice 想法 #15939898 | #20618 |
| 边缘 | 实现伪类的of <selector-list>子句:nth-child() |
Edge UserVoice 想法 #15944476 | #20143 |
| 火狐 | 实现伪类的of <selector-list>子句:nth-child() |
Mozilla 错误 #854148 | #20143 |
| 火狐 | 实现 HTML5<dialog>元素 |
Mozilla 错误 #840640 | #20175 |
| 火狐 | 当虚拟焦点在按钮或链接上时，也将实际焦点放在元素上 | Mozilla 错误 #1000082 | #20732 |
| 铬合金 | 取消 CSS 过渡时触发transitioncancel事件 |
铬问题 #642487 | 铬问题 #437860 |
| 铬合金 | 实现伪类的of <selector-list>子句:nth-child() |
铬问题 #304163 | #20143 |
| 铬合金 | 从选择器级别 4实现:dir()伪类 |
铬问题 #576815 | #19984 |
| 苹果浏览器 | 取消 CSS 过渡时触发transitioncancel事件 |
WebKit 错误 #161535 | #20618 |
| 苹果浏览器 | 从选择器级别 4实现:dir()伪类 |
WebKit 错误 #64861 | #19984 |
| 苹果浏览器 | 实现 HTML5<dialog>元素 |
WebKit 错误 #84635 | #20175 |