【问题标题】:Css3pie Round Corners not working in IE8 with :afterCss3pie圆角在IE8中不起作用:after
【发布时间】:2012-10-26 10:44:49
【问题描述】:

如果我使用 :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 中启用此功能?

任何帮助将不胜感激。

【问题讨论】:

    标签: css pseudo-element css3pie


    【解决方案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/

    【讨论】:

    • 感谢它仍然没有显示圆形边框,但在 IE7 中完美运行
    • 您确定 - 您正在清除缓存吗?也许那是你的馅饼位置。查看我的编辑。
    • 是的,我已经清除并尝试了一切。谢谢您的帮助。我还直接使用在 ie7 中工作的文件的绝对路径。
    • 是的,但路径是相对于正在查看的 HTML 文件,而不是调用它的 CSS 文件。
    • 是的,但我们不知道 PIE 会响应他提供的路径类型,对吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-02
    • 1970-01-01
    • 2014-10-08
    • 2011-12-07
    • 2012-03-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多