Css3pie Round Corners在IE8中没有使用:after

时间:2012-10-26 10:44:50

标签: css css3 pseudo-element css3pie

我的圆角似乎在ie8中不起作用,但如果我使用:after元素,则在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中启用它?

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

尝试使用饼图语法。

-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/