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 |