边框半径在 IE9 中不起作用。我在我的项目中使用了以下属性。我还添加了.HTC文件
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(Styles/border-radius.htc);
user1389602
问问题
22396 次
10 回答
5
.myclass {
border-style: solid;
border-width: 2px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
IE9 将使用默认的边框半径，所以只要确保在所有调用边框半径的样式中都包含它。然后您的网站将准备好支持 IE9。
-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.
此外：不要忘记声明您的 IE 编码是 ie9：
<meta http-equiv="X-UA-Compatible" content="IE=9" />
一些懒惰的开发者有<meta http-equiv="X-UA-Compatible" content="IE=7" />. 如果该标签存在，border-radius 将永远不会在 IE 中工作。
于 2012-05-28T17:40:18.363 回答
4
采用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
于 2012-05-29T14:23:18.127 回答
3
这是一个旧线程，但它对我没有帮助。我的解决方案是将 HTML 5 doctype 声明添加到页面：
<!DOCTYPE html>
其他 HTML doctype 声明也可以工作 - 我的问题是我生成的页面根本没有 doctype 声明。
于 2013-08-24T08:45:44.803 回答
2
于 2012-05-28T12:55:38.763 回答
0
border-radius.htc在 ie9 中破坏了正常的边界半径，在 9 以下的 ie 版本中包含边界半径.htc 文件conditional comments
于 2012-05-28T12:58:50.590 回答
0
在 IE9 边框半径中没有任何行为文件。
于 2012-05-28T12:58:51.637 回答
0
这个答案也将有助于较低版本的ie，如ie6、7、8。
使用 CSS Pie -> http://css3pie.com/
这将允许您正常指定边框半径，然后在您的 css 中包含 pie.htc 脚本。这神奇地使它在 IE6 中工作。看那个！
这也适用于其他 CSS3 属性，如背景渐变。
您也可以尝试将其添加到您的脑海中->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
祝你好运！
于 2012-05-28T13:00:49.540 回答
0
边框半径支持 ie-7、ie-8、ie-9 通过 javascript 查看本教程如何在 ie http://davidwalsh.name/css-rounded-corners中显示边框半径
于 2012-05-28T16:31:24.630 回答
0
如果您同时使用边界半径和过滤器： progid:DXImageTransform.Microsoft.gradient( startColorstr='######', endColorstr='######',GradientType=0 )，只需注释这个过滤器。
于 2014-02-10T13:13:32.930 回答
0
无论你包含什么或你写什么border-radius 在ie9 中都不起作用。更改浏览器模式或文档模式永远不是解决方案，因为它位于客户端。所以恐怕我的朋友没有合理的方法可以使边界半径在 ie9 中正常工作，除非您借助 javascript。
于 2014-06-30T09:57:14.403 回答