边界半径通过使用PIE支持不起作用？

我想给边界半径50％的Internet Explorer 8，我正在使用PIE库，但它仍然无法正常工作。边界半径通过使用PIE支持不起作用？

我用下面的CSS：

.format-circle { 
    width: 170px; 
    height: 170px; 
    display: table; 
    border-radius: 50%; 
    margin: 10px; 
    behavior: url(../../PIE/PIE.htc) !important; 
    position:relative !important; 
}

及以下的html：

<div class="media-left media-middle"> 
    <div class="format-circle format-practical"> 
     <div class="format-circle-content"> 
      <h1>Practical</h1> 
     </div> 
    </div> 
</div>

而且我已经使用了.htaccess文件，以使.htc文件支持。

我的应用程序是静态web应用程序，并没有使用apache或任何其他服务器。不知道.htaccess在这种情况下是否有帮助。

来源

2016-03-15 Sachin Mhaskar

确定的路径是正确的？你的文件树是怎样的？ – Aziz

IAPages/PIE /（与PIE相关的所有文件）。我的css文件路径位置是IAPages/www-redesign/css文件夹。 –

我过去曾经使用过CSSPie。事实上，我是一个很大的粉丝。不过这是2016年。我们真的应该支持IE8用户了。即使我们必须这样做，我们也不应该因为他们对我们网站的100％完美视图而挂断电话。我现在的建议是放弃它。不要打扰CSSPie;只是让IE8用户走向没有圆角。这对他们使用该网站没有任何影响。 – Simba

-1

尝试使用此：

-webkit-border-radius: 50%; 
-moz-border-radius: 50%; 
border-radius: 50%;

还要检查你的路径文件夹馅饼

behavior: url(../../PIE/PIE.htc) !important;

来源

2016-03-15 12:14:12

阅读问题：他具体询问IE8。 IE8不支持'border-radius'，并且需要CSSPie黑客或类似的东西。 – Simba

是的，如果你使用PIE行为的话。 PIE目前为以下CSS3功能添加了对IE 6至IE 8的全部或部分支持：更多关于此：http://css3pie.com/about/ –

好吧，现在您已将PIE代码添加到答案中，但是你还没有真正回答这个问题。而'-webkit'和'-moz'前缀仍然完全不相关。 – Simba

边界半径通过使用PIE支持不起作用？

回答

相关问题