【问题标题】:How to add border-radius in IE7/8如何在 IE7/8 中添加边框半径
【发布时间】:2013-07-10 09:29:27
【问题描述】:

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

behavior:url(border-radius.htc);

behavior:url(PIE.htc);

behavior:url(PIE.php);

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

【问题讨论】:

  • 对于旧浏览器,强烈建议您使用图片代替。
  • 最好的方法是使用modernizr,看看是否支持border-radius。当它不使用图像时
  • 我发现 css3pie 在 iE7 中的速度太慢了,这是我真正需要的浏览器之一。对于圆角,我只是采用“优雅降级”的方法,因为它们通常不是用户体验真正依赖的功能。

标签: css css3pie


【解决方案1】:

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

您还有其他一些选择

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

最后祝你好运

【讨论】:

    【解决方案2】:

    如前所述,一个选项是 CSS3 PIE,它可以为您解决这个问题并在旧版本的 IE 中实现边框半径。我在几个项目中使用它,效果很好。

    查看更多详情

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

    谢谢

    【讨论】:

    • 谢谢。看,我写了.form{ behavior:url(PIE.htc); border-radius: 30px; ,但它不起作用。这里有什么问题吗?
    【解决方案3】:

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

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

    来自我之前的回答:

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

    • 我为 DIV 元素使用了错误的定位。
    • 我在behavior 中定位了错误的路径。

    从您的代码来看,问题似乎在于定位错误的路径。
    behavior: url(/owmw/web/css/PIE.htc);

    修复: 而是尝试引用 css 文件夹中的 PIE.htc 文件并使其看起来像 behavior: url(PIE.htc);

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

    查看behavior property

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

    【讨论】:

    • @name 你的PIE.htc 文件在哪里?
    • 感谢您的回答,但我的道路是正确的。我的 DIV 定位应该是什么?试图给 div 绝对和相对位置。
    • PIE.htc 在屋顶。我使用 wordpress,它位于文件夹主题/twentytwelve 中。我的 style.css 也在里面。
    • @name 您应该在 URL 中提供完整路径。例如:behavior: url(themes/twentytwelve/PIE.htc);.
    • @name 好的。让我们再试一次。给我那个目录路径或者你的文件组织。