為什麼我的表格單元格的頂角在 IE9 中不圓角？

IE9 中的邊框半徑問題：極端情況

問題：我無法在左上角和右上角實現圓角IE9 中表格單元格的邊緣，儘管相同的程式碼在Firefox、Chrome 和Safari 中可以完美運行。缺什麼？

程式碼片段：

border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);

答案：

雖然IE9 支援border-radius，它需要額外的步驟來實現兼容性。要解決此問題，請將以下元標頭新增至您的頁面：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

「edge」值指示IE 使用其最新的渲染引擎，確保它正確解釋CSS 功能（例如邊框半徑）。因此，在 IE9 中，它將使用內建引擎，而不是已知會導致某些 CSS 樣式出現問題的相容模式。

以上是為什麼我的表格單元格的頂角在 IE9 中不圓角？的詳細內容。更多資訊請關注PHP中文網其他相關文章！