我有一个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中显示为红色方块而不是圆形。我做错了什么?
答案 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文件。