Question

Border-radius适用于IE以外的所有浏览器（我用IE8测试）。解决方案是将behavior:url(PIE.htc);放入css类。看起来路径behavior:url(PIE.htc);是正确的，因为：

1）PIE.htc位于根文件夹中

2）如果我使用behavior:url(PIE.htc);，背景就会消失和

3）如果我使用behavior:url(/any/other/wrong/path/to/PIE.htc);

，背景会再次出现

所以，我相信behavior:url(PIE.htc);使用得当。不幸的是，

.superborder
{
border:5px solid red;
//here are a couple of strings for radius settings that are work for other browsers
behavior:url(/sdf/PIE.htc);
}

删除了IE中的背景，但IE中的边框仍未四舍五入。我已经阅读了PIE常见问题解答，与position:relative; z-index and zoom.一起玩，并且分开播放。什么都没有帮助。有人知道为什么吗？

加了： 我发现了问题，但不知道解决方案。问题是这个css：

#page-content{
 visibility  : hidden;
}

其中#page-content包含整个页面。它被隐藏（如上所示），直到

$(window).bind("load", function ()
{
    /*jumping fonts fix*/
    $('#page-content').css('visibility', 'visible');
});

因此，当页面加载时，它变得可见。之所以我将其隐藏起来直到加载，因为其中一个浏览器加载了页面，尽管还没有加载特殊字体。这是一个很好的解决方案，因此页面在完全加载之前不会跳转。不幸的是，现在我必须在这两个修复之间做出选择。如何将它们结合起来 - IE和字体跳转修复器的圆角？非常感谢。

P.S。上面的字体跳转修复程序是我对Using jQuery to know when @font-face fonts are loaded

的修改

PIE.htc - 背景消失，但仍未应用border-radius

0 个答案: