internet-explorer - 为什么我不能让 csspie 工作？

Question

我有一个 div，我想显示为一个小的彩色圆圈。我使用border-radius 属性添加了圆角，这当然可以在Firefox、Chrome 甚至IE9 中完美运行，但不能在IE 的早期版本中使用。我正在尝试使用CSSPIE在早期版本的 IE 中呈现圆角。我下载了 PIE.htc 并将其保存在我的 css 文件夹中。

这是我的CSS的要点：

width: 25px;
height: 25px;
background-color: red;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
behavior: url(/PIE.htc);

但是，该 div 在 IE7 和 8 中仍显示为红色正方形而不是圆形。我究竟做错了什么？

Answer 1

路径问题？

代替：

behavior: url(/PIE.htc);

和：

behavior: url("PIE.htc");

编辑

从文档：

IE 将行为属性的 URL 解释为相对于源 HTML 文档，而不是像其他所有 CSS 属性一样相对于 CSS 文件。这使得调用 PIE 行为不方便，因为 URL 必须是：

1. Absolute from the domain root — this makes the CSS not easily moveable between directories — or,
2. Relative to the HTML document — this makes the CSS not easily reusable between different HTML files.

将路径更改为相对于 HTML 文件而不是相对于 css 文件。