IE9 border-radius速记不受支持?

Aar*_*ron 9 css css3 internet-explorer-9

我有一些我过去做过的具有border-radius属性的东西:

border-radius: 7px;
Run Code Online (Sandbox Code Playgroud)

这在IE9中不起作用.我以为IE9应该支持border-radius?如果您需要示例,请访问此站点.页面右侧的所有框都应有一个弯曲的边框.它适用于Chrome和Firefox ......

在另一个恼人的,无关的说明中,我今天发现IE9不支持:last-child伪类.到目前为止令人难以置信的失望......

Mar*_*ing 15

你有这个包括:

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

看到这个帖子.


小智 10

是的答案是正确的,但作为相关的附注,IE9目前不支持与渐变滤镜一起使用的边框半径.

花了一个小时试图完成这项工作,然后开始寻找类似的问题.

// This is the filter code for a gradient in IE (6-9) along with a border radius
//THIS DOES NOT WORK
//You have to use one or the other, you could use javascript for rounded corners and then use the gradient if you wish    

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdd68', endColorstr='#355e0b',GradientType=0 ); /* IE6-9 */

/*border radius*/
 -khtml-border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
Run Code Online (Sandbox Code Playgroud)

  • [您可以使用SVG在IE9中生成渐变; 这与`border-radius`]很好地配合使用(http://stackoverflow.com/questions/12211213/ie9-issue-border-radius-and-linear-gradient/12211297#12211297). (2认同)