CSS 站点在 FireFox 和 Chrome 中均能正确显示,但 IE11 的边框半径显示不正确

A CSS Site displays correctly in both FireFox and Chrome, but the border radius with IE11 does not display correctly

一个 CSS 站点在 FireFox 和 Chrome 中都能正确显示,但在 IE11 中的边框半径显示不正确。

Link: http://www.myhotels24.eu/fibe.aspx

更改文档类型。在 html 之前添加 <!DOCTYPE html> 声明。

<meta> 中删除 content="IE=EmulateIE8":

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
  • 您正在模拟 IE8。 border-radius 仅兼容 IE9+。
  • 替换为 content="IE=edge" 以告知 Internet Explorer 使用最新的引擎来呈现页面。

  • 如果页面需要针对IE8,最好是conditional comments.

    <!--[if IE 8]>
        <p>Welcome to Internet Explorer 8.</p>
    <![endif]-->