2

我在我的服务器上下载了 PIE.htc 的未压缩版本。

HTML

<!DOCTYPE html >
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Test</title>
        <link href="test.css" rel="stylesheet" type="text/css" />

    </head>
    <body>
        <div id="wrapper">          
            <div class="inside-wrapper">
                testing
            </div>
        </div>
    </body>
</html>

测试.css

    .inside-wrapper{  
        border-radius: 5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        border: 1px solid #C3D4DB;
        width: 150px;
        height:150px;   
        behavior: url(PIE.htc);
        position:relative;
        z-index: 100;
    }

我还使用以下代码添加了PIE.htaccess

AddType text/x-component .htc

我的 IIS 服务器已配置为 .hta 作为 text/x-component

所有文件都在这里

C:\inetpub\wwwroot\testing

我在 IE8 中没有圆角。我错过了什么？

如果我按 F12 -> 查看 css -> 取消选中behavior:url(PIE.htc); border-radius:5px-> 然后再次检查，它可以工作，但是当我刷新页面时，圆角会丢失。

4

1 回答 1

2

通过下载压缩文件（PIE.htc）解决。未压缩的文件 (PIE_uncompressed.htc) 不起作用。

于 2012-11-03T08:21:19.220 回答