Question

我想让CSS3PIE为我的网站工作，所以我可以在IE8（及更早版本）中使用border-radius。它适用于所有其他浏览器。这是我的CSS：

#body_text_design{
    border:2px solid black;
    background-color:#CCC;
    background-image:url(../pics/designbg.png);
    font-family:"Britannic Bold";
    color:black;
    height:676px;
    width:675px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:23px;
    overflow:hidden;
    behavior: url(PIE.htc);
    }

我的HTML：

<div id="body_box">
    <div id="body_text_design">

    <div class="design_text_div">
    <h1>Test test test</h1>
    <br />
    <br />
    <br />
    <h3>Bla bla bla</h3> 
    <h3>Test test test</h3>
    </div>

    </div>
</div>

我已经尝试了所有可以找到的调试，例如：

尝试了PHP解决方案
尝试了完整的http：//链接到PIE.htc文件
将AddType text/x-component .htc添加到我的.htaccess文件
尝试了position:absolute和zoom:1以及z-index值。

到目前为止，没有任何工作。我只是通过将behavior属性添加到他们的CSS中来羡慕那些已经获得此功能的人。如果有人可以提供帮助，那将非常感激！

修改

这是一个jsfiddle：

http://jsfiddle.net/3aWVH/1/

Answer 1

确保您没有在本地进行测试。 .htc文件需要托管在服务器上，而css3 pie只能在web容器中使用

Answer 2

我在这个问题上挣扎了一段时间，最后想出来了！

某些服务器无法识别.htc文件，因此您必须将内容类型添加到.htaccess文件中，方法是：

AddType text/x-component .htc

它位于文档http://css3pie.com/documentation/known-issues/

的已知问题页面上

Answer 3

我可以访问.htaccess，但添加AddType text/x-component .htc没有任何区别，但使用PIE.php确实有效（虽然我最初使用的是错误的路径，所以带我3好几天php确实一直在努力！）......无论如何，现在看起来都很好！

CSS3PIE不使用border-radius

修改

3 个答案: