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

Question

我有一个要显示为彩色小圆圈的 div。我使用 border-radius 属性添加了圆 Angular ，这当然可以在 Firefox、Chrome 甚至 IE9 中完美运行，但不能在早期版本的 IE 中运行。我正在尝试使用 CSSPIE在早期版本的 IE 中呈现圆 Angular 。我下载了 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");

编辑

来自docs :

IE interprets the URL for the behavior property relative to the source HTML document, rather than relative to the CSS file like every other CSS property. This makes invoking the PIE behavior inconvenient, because the URL has to either be:

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 文件。