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 中的边框半径显示不正确。
更改文档类型。在 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]-->
一个 CSS 站点在 FireFox 和 Chrome 中都能正确显示,但在 IE11 中的边框半径显示不正确。
更改文档类型。在 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]-->