在 GitHub 上查看

浏览器错误墙

过时内容

此页面已过时,不再适用于最新版本的 Bootstrap。它现在仅出于历史目的而存在,并且将在我们的下一个主要版本中删除。

Bootstrap 目前已解决主要浏览器中的几个未解决的浏览器错误,以提供尽可能最好的跨浏览器体验。我们无法解决某些错误,如以下列出的错误。

我们在此公开列出影响我们的浏览器错误,希望加快修复它们的进程。有关 Bootstrap 的浏览器兼容性的信息,请参阅我们的浏览器兼容性文档

另请参阅

浏览器 错误摘要 上游问题 Bootstrap 问题
Edge 可滚动模态对话框中的视觉伪影 Edge 问题 #9011176 #20755
Edge title 的原生浏览器工具提示在第一次键盘焦点时显示(除了自定义工具提示组件之外) Edge 问题 #6793560 #18692
Edge 在滚动离开后,悬停的元素仍保持在 :hover 状态。 Edge 问题 #5381673 #14211
Edge CSS border-radius 有时会导致父元素的 background-color 出现渗色线。 Edge 问题 #3342037 #16671
Edge <tr>background 仅应用于第一个子单元格,而不是行中的所有单元格 Edge 问题 #5865620 #18504
Edge 某些情况下,下层背景颜色会渗透透明边框 Edge 问题 #6274505 #18228
Edge 将鼠标悬停在后代 SVG 元素上会触发祖先的 mouseleave 事件 Edge 问题 #7787318 #19670
Edge 滚动时,处于活动状态的 position: fixed; <button> 会闪烁 Edge 问题 #8770398 #20507
Firefox 带有空 <tbody>.table-bordered 缺少边框。 Mozilla bug #1023761 #13453
Firefox 如果通过 JavaScript 更改表单控件的禁用状态,则刷新页面后不会恢复正常状态。 Mozilla bug #654072 #793
Firefox focus 事件不应触发在 document 对象上 Mozilla bug #1228802 #18365
Firefox 宽浮动表格不会换行 Mozilla bug #1277782 #19839
Firefox 当鼠标在 SVG 元素内时,有时鼠标不在元素内,无法触发 mouseenter/mouseleave Mozilla bug #577785 #19670
Firefox 打印时,浮动列的布局会中断 Mozilla bug #1315994 #21092
Firefox(Windows) 当屏幕设置为不常见的分辨率时,有时 <select> 菜单的右边界会消失 Mozilla bug #545685 #15990
Firefox(macOS 和 Linux) 徽章小组件导致选项卡小组件的底部边框意外不重叠 Mozilla bug #1259972 #19626
Chrome(macOS) 单击 <input type="number"> 增量按钮上方会使减量按钮闪烁。 Chromium 问题 #419108 #8350Chromium 问题 #337668
Chrome 具有 Alpha 透明度的 CSS 无限线性动画会泄漏内存。 Chromium 问题 #429375 #14409
Chrome table-cell 边框不重叠,尽管 margin-right: -1px Chromium 问题 #749848 #17438, #14237
Chrome 不要在触控友好型网页上使 :hover 粘滞 Chromium 问题 #370155 #12832
Chrome 比其列宽的 position: absolute 元素错误地剪切到列边界 Chromium 问题 #269061 #20161
Chrome 具有文本的动态 SVG 的性能受到 font-family 中字体数量的影响。 Chromium 问题 #781344 #24673
Safari 媒体查询中的 rem 单位应使用 font-size: initial 计算,而不是根元素的 font-size WebKit bug #156684 #17403
Safari 链接到具有 id 和 tabindex 的容器会导致 VoiceOver 忽略该容器(影响跳过链接) WebKit bug #163658 #20732
Safari CSS min-widthmax-width 媒体功能不应舍入小数像素 WebKit bug #178261 #25166
Safari(macOS) 应用页面缩放时,媒体查询中的 pxemrem 都应表现相同 WebKit bug #156687 #17403
Safari(macOS) 某些 <input type="number"> 元素的按钮行为很奇怪。 WebKit bug #137269Apple Safari Radar #18834768 #8350Normalize #283Chromium 问题 #337668
Safari(macOS) 打印具有固定宽度的 .container 的网页时字体很小。 WebKit bug #138192Apple Safari Radar #19435018 #14868
Safari(iOS) transform: translate3d(0,0,0); 渲染错误。 WebKit 错误 #138162Apple Safari Radar #18804973 #14603
Safari(iOS) 滚动页面时,文本输入的光标不会移动。 WebKit 错误 #138201Apple Safari Radar #18819624 #14708
Safari(iOS) <input type="text"> 中输入长文本后,无法将光标移动到文本开头。 WebKit 错误 #148061Apple Safari Radar #22299624 #16988
Safari(iOS) display: block 导致临时 <input> 的文本垂直错位。 WebKit 错误 #139848Apple Safari Radar #19434878 #11266, #13098
Safari(iOS) 点击 <body> 不会触发 click 事件。 WebKit 错误 #151933 #16028
Safari(iOS) 在 iPhone 6S+ Safari 上显示标签栏时,position:fixed 定位不正确。 WebKit 错误 #153056 #18859
Safari(iOS) 点击 position:fixed 元素内的 <input> 会滚动到页面顶部。 WebKit 错误 #153224Apple Safari Radar #24235301 #17497
Safari(iOS) 具有 overflow:hidden CSS 的 <body> 在 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) 打开 <select> 菜单后,position:fixed 的元素会消失。 WebKit 错误 #162362 #20759
Safari(iPad Pro) 在横向模式下,position: fixed 元素的后代渲染在 iPad Pro 上被剪切。 WebKit 错误 #152637Apple Safari Radar #24030853 #18738

最需要的功能

Web 标准中指定了几个功能,这些功能使我们能够使 Bootstrap 更加强大、优雅或高效,但尚未在某些浏览器中实现,因此我们无法利用它们。

我们在此公开列出这些“最需要的”功能请求,希望加快实现这些功能的过程。

浏览器 功能摘要 上游问题 Bootstrap 问题
Edge 当可聚焦元素接收旁白/辅助功能焦点时,它们应触发焦点事件/接收 :focus 样式。 Microsoft A11y UserVoice 想法 #16717318 #20732
Edge 实现选择器级别 4 中的 :dir() 伪类 Edge UserVoice idea #12299532 #19984
Edge 实现 HTML5 <dialog> 元素 Edge UserVoice idea #6508895 #20175
Edge 当 CSS 过渡被取消时触发 transitioncancel 事件 Edge UserVoice idea #15939898 #20618
Edge 实现 :nth-child() 伪类的 of <selector-list> 子句 Edge UserVoice idea #15944476 #20143
Firefox 实现 :nth-child() 伪类的 of <selector-list> 子句 Mozilla bug #854148 #20143
Firefox 实现 HTML5 <dialog> 元素 Mozilla bug #840640 #20175
Firefox 当虚拟焦点位于按钮或链接上时,也触发元素的实际焦点 Mozilla bug #1000082 #20732
Chrome 当 CSS 过渡被取消时触发 transitioncancel 事件 Chromium issue #642487 Chromium issue #437860
Chrome 实现 :nth-child() 伪类的 of <selector-list> 子句 Chromium issue #304163 #20143
Chrome 实现选择器级别 4 中的 :dir() 伪类 Chromium issue #576815 #19984
Safari 当 CSS 过渡被取消时触发 transitioncancel 事件 WebKit bug #161535 #20618
Safari 实现选择器级别 4 中的 :dir() 伪类 WebKit bug #64861 #19984
Safari 实现 HTML5 <dialog> 元素 WebKit bug #84635 #20175