Question

我在服务器上下载了未压缩版本的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>

test.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 - ＆gt;看到css - ＆gt;取消选中behavior:url(PIE.htc); border-radius:5px - ＆gt;然后再次检查它，它工作但是当我刷新页面时圆角丢失。

Answer 1

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

PIE.htc不适用于IE8

1 个答案: