3

我正在尝试让 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解决方案
  • 尝试了指向 PIE.htc 文件的完整 http:// 链接
  • 添加AddType text/x-component .htc到我的 .htaccess 文件中
  • 尝试position:absolute和zoom:1z-index 值。

到目前为止没有任何效果。我羡慕那些仅仅通过将behavior属性添加到他们的 CSS 中就得到了这个的人。如果有人可以提供帮助，将不胜感激！

编辑

这是一个jsfiddle：

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

4

3 回答 3

3

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

于 2013-10-15T08:34:35.870 回答
0

我为这个问题苦苦挣扎了一段时间，终于弄明白了！

某些服务器无法识别 .htc 文件，因此您必须将 Content-type 添加到您的 .htaccess 文件中，方法是：

AddType text/x-component .htc

它位于文档http://css3pie.com/documentation/known-issues/的已知问题页面上

于 2012-02-07T22:37:28.117 回答
0

我可以访问，.htaccess但添加没有任何区别AddType text/x-component .htc，但是使用PIE.php确实工作（虽然我一开始一直使用输入错误的路径，所以我花了 3 天时间才发现php确实一直在工作！）......无论如何，现在一切都很好！

于 2012-05-08T19:48:36.607 回答