标准模式下 IE8 的 jQuery 圆角代码？答案

【问题标题】：jQuery round corner code for IE8 in standards mode?标准模式下 IE8 的 jQuery 圆角代码？
【发布时间】：2010-11-02 12:04:45
【问题描述】：

我需要在 IE8 标准模式下使用带或不带 jQuery 的 javascript 来解决圆角问题。

【问题讨论】：

难道我们都...圆角是这样的 PITA...希望有人对此给出一个好的答案
你得到这个答案了吗？
看看下面我的回答。 .htc 文件是最好的解决方案，不需要 javascript 或 JQ。

标签： javascript jquery internet-explorer-8 rounded-corners

【解决方案1】：

这似乎是 ie8 中的 work ：

试试看……

2010 年 11 月 10 日更新：您也可以尝试包含 PIE.HTC 并从您的样式表中调用它。如需更多信息，请访问CSS3PIE 网站。这是一个更好的解决方案！

【讨论】：

CSS3PIE 在 IE8 标准模式下运行良好。我正在使用它并且它有效。
如果您想将 PIE 用于悬停图像，您需要将您的行为设置为基类/id。

【解决方案2】：

jQuery corner() 似乎在 IE8 标准模式下可以正常工作。似乎也是 jQuery 的首选角插件。

【讨论】：

dd_roundies 以我的经验提供更可靠的渲染。如果您没有纯色背景并且即使您指定了 cc/sc#，jquery.corner 的渲染可能会很奇怪。
我遇到的问题是它删除了边框 css。

【解决方案3】：

dd_roundies 我很幸运。它不使用 jQuery，而且它是一个非常小的脚本。

来自网站的使用示例：

<script src="DD_roundies.js"></script>
<script>
/* EXAMPLES */

/* IE only */
DD_roundies.addRule('.roundify', '10px');

/* varying radii, IE only */
DD_roundies.addRule('.something_else', '10px 4px');

/* all browsers */
DD_roundies.addRule('.yet_another', '5px', true);
</script>

【讨论】：

我去了 DD_roundies 示例页面。所有示例都在 IE8 标准模式下搞砸了。我需要一些可以在标准模式下工作的东西。

【解决方案4】：

这是一个非常流行的 htc 文件。

Curved Corner Border Radius Cross Browser with HTC file

A file with the HTC file extension is a HTML Component file.

【讨论】：