css - Css3pie圆角在IE8中不起作用：after

Question

如果我使用 :after 元素，我的圆角似乎在 ie8 中不起作用，但在 ie7 中起作用：

.readmore:after {
width:17px;
height:17px;
margin-left:5px;
display:inline-block;

font-family: 'bridge';
color:#e21e36;
content:'E';
text-align:center;
line-height:19px;
font-size:15px;

border: 1px solid #fff;

-webkit-border-radius: 9px;
   -moz-border-radius: 9px;
        border-radius: 9px;
          behavior: url('http://fileserver/bridge/PIE.htc');
}

如何在 ie8 中启用此功能？

任何帮助，将不胜感激。

Answer 1

尝试使用 pie 语法。

-pie-border-radius: 9px;

尝试加载相对于您的 CSS 文档位置的饼图，即

behavior: url(/your/path/theme/inc/PIE.htc);

编辑：

PIE.htc 请求应以 mime 类型“text/x-component”响应 - 否则 IE 不会触及该行为。也许您的问题与提供正确的内容类型有关，请参阅此以获取更多信息：

http://css3pie.com/documentation/known-issues/