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;
}
where#page-content
包含整个页面。它是隐藏的(如上所示),直到
$(window).bind("load", function ()
{
/*jumping fonts fix*/
$('#page-content').css('visibility', 'visible');
});
因此,当页面加载时,它变得可见。我之所以将其隐藏直到加载,是因为其中一个浏览器加载了页面,尽管尚未加载特殊字体。这是一个很好的解决方案,因此页面在完全加载之前不会跳转。不幸的是,现在我必须在这两个修复之间做出选择。如何将它们结合起来 - IE 的圆角和字体跳转修复器?非常感谢。
PS 上面的字体跳转修复器是我修改的Using jQuery to know when @font-face fonts are loaded