CSS3PIE不使用边界半径

Question

我试图让CSS3PIE为我的网站工作，这样我就可以在IE8 (和更早的时候)中使用边框半径。它在所有其他浏览器中都能正常工作。这是我的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文件
• 添加到我的.htaccess文件
• 尝试了position:absolute和zoom:1和z-索引值。H 213f 214

到目前为止，一切都不起作用。我羡慕那些仅仅通过将behavior属性添加到他们的CSS中就得到这一点的人。如果有人能帮忙，那将是非常感谢的！

编辑

这里有个小摆设：

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

Answer 1

确保您没有在本地进行测试。.htc文件需要托管在服务器上，css3饼只有在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一直在工作！)总之，现在一切看起来都很好！