如何在 Internet Explorer 上使用边框半径 CSS

Posted

技术标签:

【中文标题】如何在 Internet Explorer 上使用边框半径 CSS【英文标题】:How to use Border Radius CSS on Internet Explorer 【发布时间】:2012-06-23 10:31:37 【问题描述】:

如何在所有版本的 IE 上使用边框半径?

.myclass 
    border-style: solid;
    border-width: 2px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

jquery 可以吗?

【问题讨论】:

Css: -webkit-border-radius for Internet explorer?的可能重复 你有没有努力寻找答案 【参考方案1】:

由于旧版浏览器不支持边框半径(和其他 CSS3 属性),您可以使用 CSS3 Pie 例如。请记住,您指的是样式而不是脚本。所以问能不能用jQuery来做有点奇怪。

【讨论】:

【参考方案2】:

使用 CSS3 PIE http://css3pie.com/

【讨论】:

【参考方案3】:

您已尝试使用插件 dd_roundies(download link) 作为 IE 上的边框半径。 希望对你有帮助

【讨论】:

说ie8和opera有问题? 它说“Opera 目前不支持” 你是这样用的吗 我没用过这个插件。它在您提供的网站链接上说该插件尚不支持opera,并且某些ie8版本存在问题 然后使用样式 -webkit-border-radius: 1em; -moz-边界半径:1em;边界半径:1em;歌剧。我只建议 IE 支持的圆角【参考方案4】:

考虑到您的代码,您已经在正确的位置。

You could find the answer to your problem a bit further down.

【讨论】:

以上是关于如何在 Internet Explorer 上使用边框半径 CSS的主要内容,如果未能解决你的问题,请参考以下文章

如何使此 Google 字体在 Internet Explorer 11 上运行

如何在 Windows Phone 7 上调试 Internet Explorer?

如何在 Internet Explorer 11 中支持 Promise?

如何让 Internet Explorer 模拟指针事件:无?

如何在桌面显示或隐藏”Internet Explorer” 图标?

如何在 Internet Explorer 7 中获得缩放级别? (javascript)