为什么我不能让csspie上班?

时间:2012-12-30 10:28:00

标签: css internet-explorer rounded-corners css3 css3pie

我有一个div,我想显示为一个小的彩色圆圈。我使用border-radius属性添加了圆角,这当然可以在Firefox,Chrome甚至IE9中完美运行,但不能在早期版本的IE中使用。我试图在早期版本的IE中使用CSSPIE渲染圆角。我下载了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中显示为红色方块而不是圆形。我做错了什么?

1 个答案:

答案 0 :(得分:2)

路径问题?

替换:

behavior: url(/PIE.htc);

使用:

behavior: url("PIE.htc");

修改

来自docs

  

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