【发布时间】:2013-03-10 03:33:05
【问题描述】:
如何使用 CSS 在 IE 8 中创建圆角?由于 CSS 规则 corner-radius 不起作用,是否有在 IE8(或 IE6 和 IE7)中使用 CSS 时创建圆角的解决方案。
【问题讨论】:
标签: html css internet-explorer-8 rounded-corners
如何使用 CSS 在 IE 8 中创建圆角?由于 CSS 规则 corner-radius 不起作用,是否有在 IE8(或 IE6 和 IE7)中使用 CSS 时创建圆角的解决方案。
【问题讨论】:
标签: html css internet-explorer-8 rounded-corners
经过大量研究,我发现有一个类似于 IE6 可用的 PNG 透明度修复程序的修复程序,称为 CSS3Pie。解决方案的网站可以在这里找到:http://css3pie.com
您只需将behavior: url(path/to/pie_files/PIE.htc); 添加到您希望实现圆角的CSS任何地方。
#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(path/to/pie_files/PIE.htc);
}
【讨论】:
.htc 路径是相对于 HTML 页面的,而不是相对于 CSS 文件的。或者仔细阅读文档