如何在IE7 / 8中添加border-radius

时间:2013-07-10 09:29:28

标签: css css3pie

我需要有关css的帮助。我想在IE中使用圆角。我尝试了很多东西,包括:

behavior:url(border-radius.htc);

behavior:url(PIE.htc);

behavior:url(PIE.php);

但它不起作用。我不知道该怎么做,我甚至不想用背景图片来做。

3 个答案:

答案 0 :(得分:1)

CSS3派应该有效。我会检查你的路径是否正确。不幸的是,早于IE9的任何东西都没有圆角的原生

您还有其他一些选择

  • 为每个角落使用背景图像或角落图像
  • 使用像this one
  • 这样的jQuery插件

最后祝你好运

答案 1 :(得分:0)

如上所述,一个选项是CSS3 PIE,它可以解决这个问题并在旧版本的IE中实现border-radius。我在几个项目中使用它并且效果很好。

查看更多详情

Emulating CSS3 border-radius and box-shadow in IE7/8

由于

答案 2 :(得分:0)

对于您的问题,很明显您正在使用CSS3PIE

  

问题是你没有正确导入它。

从我之前的回答:

我也面临同样的问题,以下是我遇到问题的原因:

  • 我对DIV元素使用了错误的定位。
  • 我的目标是behavior
  • 中的错误路径

从您的代码中,问题似乎是针对错误的路径 behavior: url(/owmw/web/css/PIE.htc);

<强> FIX:  而是尝试在css文件夹中引用PIE.htc文件,使其看起来像behavior: url(PIE.htc);

使用behavior: url(owmw/web/css/PIE.htc);

查看behavior property

我可能错了,但这解决了我的问题。