Question

我在IE 11中使用CSS时遇到了一些问题，并且在Chrome中运行得很好。

Border-Radius问题 - 适用于Chrome但不适用于IE 11

table, td, th {
   border-radius: 25px;
   border-collapse: collapse;
   background-color: #C0C0C0;
   border: 2px solid rgb(255, 255, 255);
}

应用的样式表在Chrome和IE 11中正常运行，但在Firefox中运行不正常。
在Chrome中正确对齐的表格在IE 11中有点错位。

解决所有这些问题的最佳方法是什么。我读了很多关于这些的文章。我取消选中兼容性视图设置（intranet）选项，这是文章中的一个建议。但似乎没有什么比这更好的了。

任何线索？

Answer 1

您可以尝试使用以下代码吗？

  table, td, th {
    border-radius: 25px;
    -moz-border-radius: 25px; /*ff*/
    -ms-border-radius: 25px; /*ie11*/
    border-collapse: collapse;
    background-color: #C0C0C0;
    border: 2px solid rgb(255, 255, 255);
  }

Answer 2

确保您已在头部添加此行，-ms-border-radius: 11px;在ie。

中工作

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

跨浏览器CSS样式 - 建议

2 个答案: