ie9边界半径

我有以下在Fi​​refox,Chrome和Safari的作品。 但不是在IE9中。 它将圆angular应用到td的左上angular和右侧。 我错过了什么?

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); 

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

 <!DOCTYPE html> 

IE9需要这个网站来显示新的HTML5 / CSS3的东西

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

据我所知,边界半径应该在IE9上工作。 您的页面标题中可能会丢失这些内容:

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

“边缘”的意思是“使用最新的渲染引擎”,所以IE 9将使用9,10使用10等。

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

在这里输入图像描述

在探险家9和8工作很好,

 <!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> </head> 

在页面标题中添加了<!DOCTYPE html><meta http-equiv="X-UA-Compatible" content="IE=edge" /> ,并解决了我的问题。 如果border-radius在IE9中不起作用,则必须在页眉中添加<!DOCTYPE html><meta http-equiv="X-UA-Compatible" content="IE=edge" /> 。 请记住,如果你有<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">在页面的顶部边框半径可能还没有出现在IE9中,所以最好你改变它到<!DOCTYPE html>