ie9边界半径

der*_*hen 34 html5 css3 internet-explorer-9

我有以下适用于Firefox,Chrome和Safari.但不是在IE9中.它将圆角应用于td的左上角和右上角.我错过了什么?

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);
Run Code Online (Sandbox Code Playgroud)

kpr*_*bst 75

据我所知,边界半径应该适用于IE9.您可能在页眉中遗漏了这个:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Run Code Online (Sandbox Code Playgroud)

"edge"表示"使用最新的渲染引擎",因此IE 9将使用9,10使用10等.

  • 难以置信的.添加这个只是修复了我所有的IE9渲染错误.现在看起来完全像WebKit,根本没有CSS更改. (2认同)

Ada*_*sey 20

你有没有在HTML文档的顶部(<html>标签上方)

<!DOCTYPE html>
Run Code Online (Sandbox Code Playgroud)

IE9要求网站显示新的HTML5/CSS3内容

编辑:或许多其他Doctype(XHTML等,但这是最短和最容易记住)


She*_*Pro 13

除了其他答案提到的原因之外,请检查开发人员的工具(按F12),将文档模式设置为Internet Explorer 9 Standards

在此输入图像描述

  • 每次我打开开发人员工具并看到'IE*版本*标准'我想呕吐.好像IE甚至知道标准是什么;) (7认同)
  • 修改查看客户端上的设置不是Web开发问题的解决方案.您无法知道客户端将具有哪些设置. (4认同)