在 GitHub 上檢視
瀏覽器錯誤牆
過時內容
此頁面已過時，不再適用於 Bootstrap 的最新版本。它現在純粹是為了歷史目的而存在，並將在我們的下一個主要版本中移除。
Bootstrap 目前解決了主要瀏覽器中幾個未解決的瀏覽器錯誤，以提供最佳的跨瀏覽器體驗。有些錯誤，例如以下列出的錯誤，無法由我們解決。
我們公開列出影響我們的瀏覽器錯誤，希望加快修復它們的過程。有關 Bootstrap 的瀏覽器相容性的資訊，請參閱我們的瀏覽器相容性文件。
另請參閱
- Chromium 問題 536263：[meta] 影響 Bootstrap 的問題
- Mozilla 錯誤 1230801：修復影響 Bootstrap 的問題
- WebKit 錯誤 159753：[meta] 影響 Bootstrap 的問題
- jQuery 的瀏覽器錯誤解決方法
| 瀏覽器 | 錯誤摘要 | 上游問題 | 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 | .table-bordered 中的空 <tbody> 沒有邊框。 |
Mozilla 錯誤 #1023761 | #13453 |
| Firefox | 如果表單控制項的已停用狀態透過 JavaScript 變更，在重新整理頁面後，不會回復到正常狀態。 | Mozilla 錯誤 #654072 | #793 |
| Firefox | focus 事件不應觸發於 document 物件 |
Mozilla 錯誤 #1228802 | #18365 |
| Firefox | 寬浮動表格不會換到新行 | Mozilla 錯誤 #1277782 | #19839 |
| Firefox | 當滑鼠在 SVG 元素內時，有時滑鼠不會在元素內，用於 mouseenter/mouseleave 的目的 |
Mozilla 錯誤 #577785 | #19670 |
| Firefox | 列印時，浮動欄位的版面會中斷 | Mozilla 錯誤 #1315994 | #21092 |
| Firefox (Windows) | 當螢幕設為不常見解析度時，<select> 選單的右邊框有時會消失 |
Mozilla 錯誤 #545685 | #15990 |
| Firefox (macOS 和 Linux) | 徽章小工具導致標籤小工具的底部邊框意外地沒有重疊 | Mozilla 錯誤 #1259972 | #19626 |
| Chrome (macOS) | 按一下 <input type="number"> 遞增按鈕上方會讓遞減按鈕閃爍。 |
Chromium 問題 #419108 | #8350，Chromium 問題 #337668 |
| Chrome | 具有 alpha 透明度的 CSS 無限線性動畫會洩漏記憶體。 | Chromium 問題 #429375 | #14409 |
| Chrome | 儘管有 margin-right: -1px，table-cell 邊框仍未重疊 |
Chromium 問題 #749848 | #17438, #14237 |
| Chrome | 不要讓 :hover 停留在觸控友善網頁上 |
Chromium 問題 #370155 | #12832 |
| Chrome | 比其欄位寬的 position: absolute 元素會錯誤地裁剪到欄位邊界 |
Chromium 問題 #269061 | #20161 |
| Chrome | font-family 中字型數目會對具有文字的動態 SVG 造成顯著效能影響。 |
Chromium 問題 #781344 | #24673 |
| Safari | 媒體查詢中的 rem 單位應使用 font-size: initial 計算，而非根元素的 font-size |
WebKit 錯誤 #156684 | #17403 |
| Safari | 連結到具有 id 和 tabindex 的容器，導致 VoiceOver 忽略容器（影響跳過連結） | WebKit 錯誤 #163658 | #20732 |
| Safari | CSS min-width 和 max-width 媒體功能不應捨入小數像素 |
WebKit 錯誤 #178261 | #25166 |
| Safari（macOS） | 應用頁面縮放時，媒體查詢中的 px、em 和 rem 應全部表現相同 |
WebKit 錯誤 #156687 | #17403 |
| Safari（macOS） | 某些 <input type="number"> 元素出現奇怪的按鈕行為。 |
WebKit 錯誤 #137269，Apple Safari Radar #18834768 | #8350，Normalize #283，Chromium 錯誤 #337668 |
| Safari（macOS） | 列印具有固定寬度 .container 的網頁時，字體大小變小。 |
WebKit 錯誤 #138192，Apple Safari Radar #19435018 | #14868 |
| Safari（iOS） | transform: translate3d(0,0,0); 渲染錯誤。 |
WebKit 錯誤 #138162，Apple Safari Radar #18804973 | #14603 |
| Safari（iOS） | 捲動頁面時，文字輸入游標不會移動。 | WebKit 錯誤 #138201，Apple Safari Radar #18819624 | #14708 |
| Safari（iOS） | 在 <input type="text"> 中輸入長字串後，無法將游標移至文字開頭 |
WebKit 錯誤 #148061，Apple Safari Radar #22299624 | #16988 |
| Safari（iOS） | display: block 導致暫時 <input> 的文字垂直錯位 |
WebKit 錯誤 #139848，Apple 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 錯誤 #153224，Apple 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） | position:fixed 的元素在開啟 <select> 選單後會消失 |
WebKit 錯誤 #162362 | #20759 |
| Safari（iPad Pro） | position: fixed 元素的子元素在 iPad Pro 的橫向模式下會被裁切 |
WebKit 錯誤 #152637，Apple Safari Radar #24030853 | #18738 |
最需要的功能
網路標準中指定了數項功能，這些功能讓我們能讓 Bootstrap 變得更強健、更優雅或效能更好，但這些功能尚未在某些瀏覽器中實作，因此我們無法利用這些功能。
我們在此公開列出這些「最需要的」功能要求，希望可以加速這些功能的實作流程。
| 瀏覽器 | 功能摘要 | 上游問題 | Bootstrap 問題 |
|---|---|---|---|
| Edge | 當可聚焦元素收到旁白程式或輔助功能焦點時，應該觸發焦點事件或接收 :focus 樣式 | Microsoft A11y UserVoice idea #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 錯誤 #854148 | #20143 |
| Firefox | 實作 HTML5 <dialog> 元素 |
Mozilla 錯誤 #840640 | #20175 |
| Firefox | 當虛擬焦點在按鈕或連結上時，也觸發元素的實際焦點 | Mozilla 錯誤 #1000082 | #20732 |
| Chrome | 當 CSS 轉場被取消時，觸發 transitioncancel 事件 |
Chromium 問題 #642487 | Chromium 問題 #437860 |
| Chrome | 實作 :nth-child() 偽類別的 of <selector-list> 子句 |
Chromium 問題 #304163 | #20143 |
| Chrome | 實作選擇器等級 4 中的 :dir() 偽類別 |
Chromium 問題 #576815 | #19984 |
| Safari | 當 CSS 轉場被取消時，觸發 transitioncancel 事件 |
WebKit 錯誤 #161535 | #20618 |
| Safari | 實作選擇器等級 4 中的 :dir() 偽類別 |
WebKit 錯誤 #64861 | #19984 |
| Safari | 實作 HTML5 <dialog> 元素 |
WebKit 錯誤 #84635 | #20175 |