jquery - PIE.htc 和 jQuery 动画冲突？

Question

我有一系列的子弹会接连出现。我在子弹动画中使用了 jQuery 和 jQuery UI。顶部元素符号需要有圆 Angular ，我正在使用 CSS 和 PIE.htc 来完成。这在所有非 IE 浏览器以及 IE8 中都很好用，但在 IE7 中，第一个元素符号出现时它的背景变窄了大约 80%，变短了大约 95%(或者它可能非常偏移到左上角)。

有趣的是，如果您完全调整浏览器窗口的大小，背景会卡入适当的位置(不是元素符号位于固定宽度的容器中，因此我不会在此处调整元素符号的大小)。如果我在我的 CSS 中注释掉 PIE.htc 行，元素符号会正确显示，但我需要圆 Angular 。参见 this image .

相关代码如下

JS

$([appripratebullet]).addClass('currentBullet').fadeIn('slow').prev().removeClass('currentBullet', 'slow');

CSS

.bullet
{
 display:none;
 color:#6e6e6e;
 min-height:40px;
 font-size:2.5em;
 line-height:1.5em;
 font-weight:normal;
 position:relative;
 padding:25px 20px;
 margin-top:1px;
 background:#eeeeee;
 border-bottom:1px solid #fff;
}
.bullet.first{
 margin-top:0;
 -moz-border-radius:8px 8px 0 0;
 -webkit-border-radius:8px 8px 0 0;
 border-radius:8px 8px 0 0;
 behavior: url(/Content/PIE.htc);
 }
.bullet.currentBullet{
 background:#d98452;
 color:#fff;
 }

Answer 1

http://jquery.malsup.com/corner/

使用这个 jquery 插件在所有浏览器中获得圆 Angular 。没有 Angular 图像，使用嵌套 dv 绘制边框。它灵活且易于使用。它还添加了对原生 border-radius 的支持，因此它仅在不支持 border-radius 的浏览器上执行。