边界半径在IE上不起作用，我使用什么库或CSS hack

Question

我想在IE8的应用程序中设置样式，但是css3总是有问题。 我已经尝试过使用css3pie，但是我不太满意。 如果可以使用jQuery插件，我将非常高兴。 我想知道是否有可能用类似的东西欺骗IE8。

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

如果有人解决了这个问题，请告诉我。 谢谢。

Answer 1

检查一下： Internet Explorer中的圆角

底部有一些指向不同解决方案的链接。

Answer 2

这是您的选择：

使用某种基于javascript的伪兼容库（例如css3pie）。 由于这些库基本上都是以受控方式求助于黑客程序，因此您的结果将是正确的，但不一定是完美的。
对IE8（及更早版本）使用其他样式/其他样式表，并使用传统方法添加圆角边框（图像为转角，带有一些疯狂的浮动和定位技巧；更糟糕的是，滥用列表项的圆角）。
对所有浏览器使用老式的方法-可以使用，但是您会错过平滑缩放的矢量角（即，当用户放大时它将像素化）。
进行外观设计，使其外观足够好，没有圆形边框，并使IE8正常降级。 （实际上，这是HTML和CSS设计人员所设想的规范解决方案。）

一些注意事项：

IE8（及更早版本）并不是唯一不实现边界半径的浏览器； Opera Mini是一种相当流行的移动浏览器，尚未实现，而Opera版本和Opera Mobile都没有包含它们，直到版本10。
适用于IE8的hacks可能不适用于IE6和7，因此，如果您选择该路径，请准备好管理四个不同的样式表而不是一个。
许多常见的老式圆角黑客很难或不可能在流畅的布局中实施，因为它们依赖于绝对定位和其他元素尺寸的知识。
如果用户禁用了Javascript，则基于Javascript的解决方案显然会中断。
随着时间的流逝，人们将转向较新的IE版本。 IE8是目前最杰出的版本，但这不会永远持续下去。

Answer 3

尚未将其用于边界半径，而是用于其他css3。 您将必须使用borderradiusalt.js并将其应用如下：

$('#myElement').css('border-radius', '3px 3px 3px 3px');

您还必须将border-radius.htc放在Web根目录（例如index.html所在的位置）或使用js的页面中。